項(xiàng)目目錄結(jié)構(gòu)
項(xiàng)目目錄結(jié)構(gòu)
?可以明顯的看出來(lái)彬伦,vue-cli2.0與3.0在目錄結(jié)構(gòu)方面有明顯的不同:
?1. vue-cli3移除了配置文件目錄:config 和 build 文件夾,增加了vue.config.js文件
?2. vue-cli3移除了 static 靜態(tài)文件夾
?3. vue-cli3新增了 public 文件夾
?4. vue-cli3將index.html 移動(dòng)到 public 中
配置項(xiàng)
- 配置文件目錄
vue-cli2:config文件夾
vue-cli3:vue.config.js文件 - 配置域名
vue-cli2:在config中的dev.env.js和prod.env.js中分別配置
vue-cli3:在vue.config.js中配置 -
跨域時(shí)配置域名
vue-cli2:在config中的index.js中配置
vue-cli2 跨域時(shí)配置域名
vue-cli3:在vue.config.js中配置
vue-cli3 跨域時(shí)配置域名 - baseUrl
從 vue cli 3.3 起已棄用,請(qǐng)使用publicPath
注意:具體的vue cli配置可參考該網(wǎng)站:https://cli.vuejs.org/zh/config/#vue-config-js
其他
全局安裝vu-cli 3.0 倒脓,如果之前安裝了2.0版本斩箫,先卸載 npm uninstall -g vue-cli
npm install -g @vue/cli
安裝完 3.0 后,有以下兩種創(chuàng)建項(xiàng)目的方式:
1. vue create < project-name>
然后會(huì)出現(xiàn)默認(rèn)和手動(dòng)兩個(gè)選項(xiàng)蝇恶,跟著步驟走就好
2. 用視圖創(chuàng)建項(xiàng)目 vue ui
?在2.x0中拳魁,你使用 Vue.set 來(lái)給對(duì)象新增一個(gè)屬性時(shí),這個(gè)對(duì)象的所有 watcher 都會(huì)重新運(yùn)行撮弧。
而在3.0中潘懊,只有依賴那個(gè)屬性的 watcher 才會(huì)重新運(yùn)行 ,這樣使得變更通知更加精準(zhǔn)贿衍。