1.? ?vue create 項目名稱?

• 使用腳手架創(chuàng)建文件夾，不能是大寫，選擇默認(rèn)vue2（直接生成更加簡便）

2.? ?在Vue組件中如果聲明變量但不使用就會報錯，解決辦法：

3.? ?打開Vue文件會發(fā)現(xiàn)第一行爆紅，并且要求創(chuàng)建的組件必須是多個單詞，解決辦法：

4.? ?配置Vue組件在格式化時有沒有分號，用單引號還是雙引號

• 在setting.json中設(shè)置，文件 -> 首選項 -> 設(shè)置 -> 用戶 -> 擴(kuò)展 -> Vetur，點擊在setting.json中設(shè)置，需要提前下載好Vetur這個插件：

5.? ?如果組件需要用到css、js文件，需要作為公共文件時，有兩種方法：

• 在src下面添加asset文件夾，存放公共文件，在App組件中全局引入import "./bootstrap"，但是Vue檢查import非常嚴(yán)格,如果存在不使用的字體圖標(biāo)時，會報錯

• 所以采用第二種方案：在public文件夾下面存放，然后index.html文件引入，不能使用相對路徑，得使用<%= BASE_URL %>，在別的地方不用就先注釋了，等回頭看的時候再打開
  

6.? ?設(shè)置路由Vuerouter

• 創(chuàng)建pages文件夾，路由組件放到pages文件夾里面，一般組件放到components文件夾里

• 命令：npm i vue-router@3，如果不寫版本號那就默認(rèn)下載4版本，而4版本對應(yīng)的是Vue3

• 下載好之后，在src下新建router文件夾，下面新建index.js，Import引入路由器VueRouter、引入路由組件、實例化路由器并暴露出去

• 最后在main.js中引入VueRouter路由器，引入router文件夾下的實例化對象路由器，并且應(yīng)用路由組件 Vue.use()、在Vue實例對象中router:router

7.? ?創(chuàng)建Vuex倉庫store

• 首先需要配置Vuex環(huán)境 下載命令：npm i vuex@3，vue2使用vuex3，vue3使用vuex4，然后引入并使用vuex文件，import Vuex from "vuex"，App.use(Vuex)，還需要另外書寫store文件，新建store文件夾下面index.js，在里面配置

• 要在store應(yīng)用好，然后再引入到main.js中， ES6中的import模塊化引入會提升到文件的最前面，所以就算 Vue.use(Vuex) 在 import 前面也不行，所以就需要在store中做出改變

• 在main.js中注冊Vuex對應(yīng)的store屬性（注意Vuex中有很簡便的方法Map,用法：import{mapState，mapGetters}from vuex）

8.? ?使用axios封裝請求requests

• 下載axios，命令：npm i axios，然后在utils工具文件夾下的requests.js封裝

• 然后再全局引入到main.js中，下面的組件就都能夠使用了
  

9.? ?引入element-UI

• 下載命令： vue add element，然后選擇第二個按需引入，因為完全引入的體積太大了

• 選擇第一個中文語言，這時候就自動添加了一個plugin文件夾，下面自動生成了element的js文件，在main.js中也自動引入了

• 把element-ui中的組件全部引入進(jìn)去elemtne.js中注冊，這樣到后面不用使用一個再引入一個了，最后不用的話再刪除掉

10.? ?使用iconfont圖標(biāo)

• 在main.js中全局引入iconfont圖標(biāo)，下面的組件就都可以使用了

11.? ?打包為dist文件夾后正常顯示

• 在vue.config.js中設(shè)置打包之后的路徑