vue-cli2.x安装
- 如果就是想单纯的安装vue-cli2.x的话,依次执行一下语句:
1. npm install vue-cli -g -- 安装vue-cli2.x脚手架
2. vue init webpack xxx -- 使用vue-cli2.x来创建一个名称为xxx的项目
3. cd xxx -- 进入刚创建好的项目的路径下
4. npm install -- 安装依赖
5. npm run dev -- 启动项目
- 但是有一种情况:
如果我们使用了npm install vue-cli -g
命令安装了vue-cli2.x的话,之后使用脚手架3.x的时候就得先卸载脚手架2.x,再安装脚手架3.x。
所以,为了减少不必要的操作。我们执行npm install @vue/cli -g
命令安装好vue-cli3.x的环境,然后再执行npm install @vue-cli-init -g
将脚手架2下载下来,在此环境下既可以安装vue-cli2.x的模板,又可以安装vue-cli3.x的模板。
检查是否安装成功终端执行vue -V
或者vue --version
,如果显示具体的版本号则表示安装成功。
vue-cli3.x安装
1. npm install -g @vue/cli -- 安装vue-cli3.x脚手架
2. vue create xxx -- 使用vue-cli3.x来创建一个名称为xxx的项目
3. cd xxx -- 进入刚创建好的项目的路径下
4. npm install -- 安装依赖
5. npm run serve -- 启动项目
参考链接:
- https://www.cnblogs.com/hgdzjp/p/11756689.html
- https://segmentfault.com/a/1190000019887117