① 安装node
地址:https://nodejs.org/zh-cn/download/ 下载安装包,“下一步” 进行安装即可
打开终端 输入 node -v 查看node版本号。node -v,出现下图版本提示就是完成了NodeJS的安装。
npm的安装。由于新版的NodeJS已经集成了npm 打开终端输入"npm -v" 来测试是否成功安装。出现下图版本提示就是完成了npm的安装。
②安装Vue-cli
打开终端 输入 npm install vue-cli -g 安装vue-cli。 打开终端输入" vue -V " 来测试是否成功安装。出现下图版本提示就是完成了vue-cli 的安装。
npm install vue-cli -g vue -V在安装包的时候可能会失败,并出现以下的错误,原因是npm的安装权限不足 错误如下图
在mac中出现 npm的安装权限不足解决方法:在安装命令行之前加入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
网友评论