1、目錄結構

模板檔案是public裡的index.html，執行專案的時候，會引用src/main.js（入口檔案）

詳細文件在這裡：https://cli.vuejs.org/zh/config/#pwa

public：放著html模板和靜態資源，public/index.html 檔案是一個會被 html-webpack-plugin 處理的模板。在構建過程中，資源連結會被自動注入。

.browserslistrc 指定瀏覽器版本。不同的瀏覽器會有相容性問題，比如css，我們會給它們加上字首，這個檔案是為postcss的Autoprefixer 外掛使用的

postcss.config.js 裡的

.eslintrc.js  eslint的相關配置

babel.config.js  預設

package.json 各種依賴

package-lock.json 鎖版本 管理版本的檔案

cube-ui外掛

https://github.com/didi/cube-ui

後編譯：就是我們做專案的時候使用的是 原始碼，只有打包執行後，才會進行編譯。好處是節省構建包的體積，做完專案後，可以把不用的引入刪掉，這樣打包的時候，就指揮

打包那些我們使用的模組

在vue-cli3.0的專案裡，直接使用vue add cube-ui 就可以安裝

是否使用後編譯

是用部分引入還是全部引入，上面的選擇是部分引入

自定義主題是否需要（選擇是，因為我們的專案的顏色一般都與外掛的不一樣）

安裝完以後，下面是修改和新增的檔案

cube-ui.js 管理cube-ui模組的引入

 theme.styl 管理cube-ui的顏色（修改顏色可以在這裡面進行修改）

表示可以直接引入cube-ui的原始碼

vue.config.js  類似以前的webpack.js檔案，進行一些配置