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 CLI 2.0到3.0的迁移过程,涉及项目创建、启动命令变化、文件结构调整及配置文件自定义。重点讲解了3.0中公共文件夹迁移和默认配置的更新。
1549

被折叠的 条评论
为什么被折叠?



