vue-cli配置

1. vue create vuedemo
2. 
   你會被提示選取一個preset。你能夠選默認的包含了基本的Babel+ESLint設置的preset，也能夠選手動選擇特性來選取須要的特性。
3. Babel : 將ES6編譯成ES5
   TypeScript: javascript類型的超集
   Progressive Web App (PWA) Support: 支持漸進式的網頁應用程序
   Router:vue-router
   Vuex: 狀態管理
   CSS Pre-processors: CSS預處理
   Linter / Formatter: 開發規範
   Unit Testing: 單元測試
   E2E Testing: 端到端測試
4. ESLint + Standard config

5. ( ) Lint on save // 保存就檢測
   ( ) Lint and fix on commit // fix和commit時候檢查 在git commit 提交時作代碼規範檢測

6. In dedicated config files // 獨立文件放置
   In package.json // 放package.json裏
7. vue.config.js文件

前言
在使用vue-cli3建立項目後，由於webpack的配置均被隱藏了，當你須要覆蓋原有的配置時，則須要在項目的根目錄下，新建vue.config.js文件，來配置新的配置。

module.exports = {
lintOnSave: false, // 在保存代碼的時候開啓eslint代碼檢查機制
devServer: { // 實時保存、編譯的配置段
open:true, // 自動開啓瀏覽器
host: '127.0.0.1', // 服務主機名地址
port: 12306 // 服務運行端口
}
}

|-- dist # 打包後文件夾
|-- public # 靜態文件夾
| |-- favicon.ico
| |-- index.html #入口頁面
|-- src # 源碼目錄
| |--assets # 模塊資源
| |--components # vue公共組件
| |--views
| |--App.vue # 頁面入口文件
| |--main.js # 入口文件，加載公共組件
| |--router.js # 路由配置
| |--store.js # 狀態管理
|-- .env.pre-release # 預發佈環境
|-- .env.production # 生產環境
|-- .env.test # 測試環境
|-- vue.config.js # 配置文件
|-- .eslintrc.js # ES-lint校驗
|-- .gitignore # git忽略上傳的文件格式
|-- babel.config.js # babel語法編譯
|-- package.json # 項目基本信息
|-- postcss.config.js # CSS預處理器(此處默認啓用autoprefixer)