Vue-cli 搭建(mac)

① 安装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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容