① 安装node
地址:https://nodejs.org/zh-cn/download/ 下载安装包,“下一步” 进行安装即可
![](https://img.haomeiwen.com/i16395545/fc47379ec817892b.png)
打开终端 输入 node -v 查看node版本号。node -v,出现下图版本提示就是完成了NodeJS的安装。
![](https://img.haomeiwen.com/i16395545/75b42abbef8cc5ea.png)
npm的安装。由于新版的NodeJS已经集成了npm 打开终端输入"npm -v" 来测试是否成功安装。出现下图版本提示就是完成了npm的安装。
![](https://img.haomeiwen.com/i16395545/56cc8808368b8cc5.png)
②安装Vue-cli
打开终端 输入 npm install vue-cli -g 安装vue-cli。 打开终端输入" vue -V " 来测试是否成功安装。出现下图版本提示就是完成了vue-cli 的安装。
![](https://img.haomeiwen.com/i16395545/89206259e6d230a3.png)
![](https://img.haomeiwen.com/i16395545/b339e839fac75928.png)
在安装包的时候可能会失败,并出现以下的错误,原因是npm的安装权限不足 错误如下图
![](https://img.haomeiwen.com/i16395545/de9a8d32d3247dba.png)
解决方法:在安装命令行之前加入sudo,根据提示输入密码即可 (sudo npm install vue-cli -g)。
③ 用vue-cli构建项目
创建项目:vue init webpack my-vue (出现一问一答模式:过程总需要填写一些信息,项目名称、项目描述、是否需要安装vue-router、由于只是测试项目,unit test单元测试和ese tests 我选了no)
进入项目:cd my-vue
安装依赖:npm install
运行项目:npm run dev
网友评论