第一課時: 使用Vue-Cli 3.0 建立一個專案
摘要：
3.0 新加入了 TypeScript 以及 PWA 的支援
部分命令發生了變化：
下載安裝 npm install -g vue@cli
刪除了vue list
建立專案 vue create
啟動專案 npm run serve
預設專案目錄結構...
3.0 新加入了 TypeScript 以及 PWA 的支援
部分命令發生了變化：
- 下載安裝 npm install -g vue@cli
- 刪除了vue list
- 建立專案 vue create
- 啟動專案 npm run serve
預設專案目錄結構也發生了變化：
- 移除了配置檔案目錄，config 和 build 資料夾
- 移除了 static 資料夾，新增 public 資料夾，並且 index.html 移動到 public 中
- 在 src 資料夾中新增了 views 資料夾，用於分類 檢視元件 和 公共元件
建立 vue-cli 3.0 專案
- npm install vue-cli @3.0 （如果你的vue -V版本小於3.0的話，用npm install -g vue@cli更新下vue）
- 專案配置:
vue ui( 視覺化專案配置)
package manager: npm
presets: Manual (手動選擇新增)
Features: Babel、Router、Vuex、CSS Pre-processors、 Linter/Formatter、 Use config files(使用配置檔案) - 專案目錄結構
視訊裡的目錄結構([email protected]):
potal-vue公司專案目錄結構([email protected]+):
