cli vue 卸载_VUE | VUEcli2与VUEcli3的对比

每 / 日 / 知 / 识 / 课 / 堂 V U EVUE-cli2与VUE-cli3的对比一次相遇，终身相伴

在学社的日常学习中，经常有小伙伴遇到各种问题，今天又是哪些问题呢，让小胖丁带你走进半圆“每日知识”小课堂吧。

项目目录结构

可以明显的看出来，vue-cli2.0与3.0在目录结构方面有明显的不同：
 1. vue-cli3移除了配置文件目录：config 和 build 文件夹，增加了vue.config.js文件
 2. vue-cli3移除了 static 静态文件夹
 3. vue-cli3新增了 public 文件夹
 4. vue-cli3将index.html 移动到 public 中

配置项

1.配置文件目录
    vue-cli2：config文件夹
    vue-cli3：vue.config.js文件

2.配置域名
    vue-cli2：在config中的dev.env.js和prod.env.js中分别配置
    vue-cli3：在vue.config.js中配置

3.跨域时配置域名

    vue-cli2：在config中的index.js中配置

    (vue-cli2 跨域时配置域名)

    vue-cli3：在vue.config.js中配置

 (vue-cli3 跨域时配置域名)

4.baseUrl

    从 vue cli 3.3 起已弃用，请使用publicPath

注意：具体的vue cli配置可参考该网站：https://cli.vuejs.org/zh/config/#vue-config-js

其他

全局安装vu-cli 3.0 ，如果之前安装了2.0版本，先卸载 npm uninstall -g vue-cli

安装完 3.0 后，有以下两种创建项目的方式：

　　1. vue create < project-name>
　　然后会出现默认和手动两个选项，跟着步骤走
　　2. 用视图创建项目 vue ui

 在2.x0中，你使用 Vue.set 来给对象新增一个属性时，这个对象的所有 watcher 都会重新运行。
　而在3.0中，只有依赖那个属性的 watcher 才会重新运行 ，这样使得变更通知更加精准。

扫码了解更多 微信号：banyuanxueshe    微博：半圆学社