vue-cli2.x和vue-3.x安装区别

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