首先檢視官方文件
稍微了解一下後開始接觸vue/cli3.0 如果之前已經安裝了2.0先使用npm 命令解除安裝2.0
安裝vue/cli3 使用命令：npm install -g @vue/cli
使用命令生成乙個基礎專案：vue create myproject
使用命令： npm run serve執行專案
注：①與vue-cli2相比少了兩個配置資料夾，但依舊可以進行手動配置，在根目錄下建立vue.config.js檔案，這個檔案一旦存在就會被@vue/cli-service自動載入。
②可以使用vue ui命令建立和管理專案，
通過官方文件了解到本次手腳架的兩個特性。
1.有一套完全圖形化的建立管理使用者介面。
2.乙個執行時依賴 (@vue/cli-service)，該依賴：
3相比起2少了兩個配置的資料夾，所以配置都去了**。
在看文件的過程中，我們知道可以使用命令進行簡單的配置指定引數。比如npm run serve和npm run dev這個l兩個指令。
在預設 preset 的專案的package.json中，npm scripts 以vue-cli-service、或者從終端中以./node_modules/.bin/vue-cli-service訪問這個命令。
}
用法：vue-cli-service build [options] [entry|pattern]
選項： --mode 指定環境模式 (預設值：production)
--dest 指定輸出目錄 (預設值：dist)
--modern 面向現代瀏覽器帶自動回退地構建應用
--name 庫或 web components 模式下的名字 (預設值：package.json 中的 "name" 欄位或入口檔名)
--no-clean 在構建專案之前不清除目標目錄
--report 生成 report.html 以幫助分析包內容
--report-json 生成 report.json 以幫助分析包內容
--watch 監聽檔案變化
vue.config.js是乙個可選的配置檔案，如果專案的 (和package.json同級的) 根目錄中存在這個檔案，那麼它會被@vue/cli-service自動載入。你也可以使用package.json中的vue字段，但是注意這種寫法需要你嚴格遵照 json 的格式來寫。
詳細引數檢視官網。
vue cli 3 0 學習筆記
專案搭建及結構 安裝npm install g vue cli 新增專案 vue create my project 啟動 npm run server 打包 npm run build vue cli3.0 自定義腳手架模板 vue cli3.0 新出的新增外掛程式方法 npm install a...
vue cli3 0配置GZIP壓縮
當專案中引用很多第三方外掛程式時，打包後vendors會變得非常大，開啟速度變得非常慢。這時使用gzip壓縮可以大幅減小打包後檔案的體積。首先需要安裝compression webpack plugin npm install compression webpack plugin d 然後在vue....
vue cli3 0跨域請求
1 通過vue cli3.0建立的專案想要實現跨域請求操作 2 首先需要穿件配置檔案vue.config.js 3 注意此檔案建立在專案的根路徑下面，不要建立在src下面 檔案配置網上有很多，由於理解不深，便不詳解，const path require path const debug proces...