3.Vue-cli2和Vue-cli3的区别

1.安装

安装vue-cli2.0:npm install vue/cli -g
安装vue-cli3.0:npm install @vue/cli -g

2.创建项目命令

创建vue-cli2.0的项目时,使用的命令行是:vue init webpack project-name
创建vue-cli3.0的项目时,使用的命令行是:vue create project-name -n // 创建之后会自动关联git,-n可以取消关联

3.启动项目命令

vue-cli2.0 npm run dev
vue-cli3.0 npm run serve

4.项目文件目录

vue-cli3.0的build文件夹,config文件夹,static 文件夹没有了;
新增了 public 文件夹,并且 index.html 移动到了 public 中;
在 src 文件夹中新增了 views 文件夹,用于分类 视图组件 和 公共组件。

5.配置

vue-cli3.0可以在根目录下自行创建vue.config.js文件并进行配置,所有原来webpack的配置都已经内置,并采用默认值,而vue.config.js内的配置可以覆盖这些默认配置

上一篇:Vue.js(十四):VueCLI脚手架(CLI2&CLI3)


下一篇:vue-cli2/3/4的区别