使用npm搭建vue
0.1、打开命令提示符窗口,输入npm -v 回车,有版本号显示 说明npm已安装。
0.2、输入node -v 回车,有版本号显示说明nodejs已经安装。之后就可以直接安装vue。
命令输入
1、npm install vue -g 回车 安装vue 。
2、npm install vue-cli -g 回车 安装vue-cli.
3、vue -V 回车 有版本号显示 说明vue安装已经完成。对照图下图
3.1、报错‘vue’不是内部或者外部指令。说明需要配置环境变量。对照图3.1
3.2、配置环境变量,右击我的电脑
3.3、选择属性打开 对照图3.2
3.4、选择高级系统设置打开
3.5、选择环境变量设置 对照图3.5
3.6、环境变量设置 可以选择用户也可以是系统,(建议选择用户的)。然后找到安装的vue文件件找到vue.cmd 。把这个文件的路径写进去保存。对照图3.6。打开命令提示符窗口,输入vue -V 回车查看版本号。
初始化项目
4、显示版本号之后就说明 vue已经装好了, 可以创建自己的项目了。
打开命令提示符窗口 cd /你的项目目录 例如:cd c:/vue.输入指令 vue initwebpack storevue。
4.1 使用Git 创建项目 选择你项目的文件夹右击,选择Git bush hree,打开Git窗口输入指令vue init webpack storevue.同命令窗指令相同。
5、建项目是根据提示输入你需要的配置,
5.1、你的项目名称 回车
5.2、你的项目描述 回车
5.3、项目中vue的build 回车
5.4、使用vue的路由 回车
5.5、语法检测 y/n 回车
5.6、单元测试y/n 回车
5.7、用手表设置e2e测试 y/n 回车 对照图5
6、建好之后,输入npm run dev,根据后的提示网址在浏览器打开。对照图6
7、如下图,欢迎来到你的vue 好了可以开心的写你的项目了。
欢迎留言
以上是 使用npm搭建vue 的全部内容, 来源链接: utcz.com/z/376408.html