Vue.js前端开发笔记

Vue-cli 搭建(mac)

2019-02-19  本文已影响4人  wei_421

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

上一篇 下一篇

猜你喜欢

热点阅读