1.vue3.0脚手架与vue2.x脚手架并存

安装最新的vue3.0的脚手架

1
2
3
npm install -g @vue/cli
# OR
yarn global add @vue/cli

如果你想同时保留vue2.x的脚手架，你可以这样：

1
2
3
npm install -g @vue/cli-init
# vue init 的运行效果将会跟 vue-cli@2.x 相同
vue init webpack my-project

2.vue-cli 2.x版本

若是vue2.x脚手架，可以使用vue list来查看可用模板

第一种：

vue init webpack project-name

第二种：

vue init webpack-simple project-name

相对来说，第二种的目录比第一种要简单的多，对于配置项可以自己定制化的去配置；第一种比第二种目录要复杂得多，但是基本配置都比较全；

3.vue-cli 3.0版本

vue create project-name

3.0的脚手架生成的项目，相比前面2.x的版本，又要精简优雅的多，而且没有了webpack.config.js配置文件，新的配置文件叫做vue.config.js，babel的配置文件也变了，变为了babel.config.js；