在学社的日常学习中,经常有小伙伴遇到各种问题,今天又是哪些问题呢,让小胖丁带你走进半圆“每日知识”小课堂吧。
项目目录结构
可以明显的看出来,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 才会重新运行 ,这样使得变更通知更加精准。