1.重構src目錄

儘管官方提供的目錄結構可以滿足一定的開發需求，但不同的專案可能需要不同的目錄結構使得便於管理和開發。以下是重構後的目錄：

\\src目錄
api --網路介面
common --基礎檔案庫，包括基礎樣式，圖示，指令碼等
    fonts --字型檔案
    image --圖片圖示
    stylus --樣式檔案
        index.css --整合css
        reset.css --重置css
        base.css --基礎css
        icon.css --圖示css
        mixin.css --混入css
        variable.css --css變數
    js --指令碼檔案
components --元件
router --路由
store --狀態管理
App.vue --根元件
main.js --入口檔案
 

2.圖示字型

下載或使用自己的圖示字型，放入src/common/fonts及src/common/stylus/icon.css中。

3.模組外掛

1. 開啟cmd命令列，分別執行以下命令

1. npm install babel-runtime --save-dev
2. npm install babel-polyfill --save-dev
3. npm install fastclick --save-dev

2. 在src/main.js 檔案中引入babel-runtime和fastclick

//src/main.js 新增以下內容
import 'babel-runtime'
import fastclick from 'fastclick'
fastclick.attach(document.body)