第一課時: 使用Vue-Cli 3.0 創建一個項目

3.0 新加入了 TypeScript 以及 PWA 的支持

部分命令發生了變化：

1. 下載安裝 npm install -g vue@cli
2. 刪除了vue list
3. 創建項目 vue create
4. 啓動項目 npm run serve

默認項目目錄結構也發生了變化：

1. 移除了配置文件目錄，config 和 build 文件夾
2. 移除了 static 文件夾，新增 public 文件夾，並且 index.html 移動到 public 中
3. 在 src 文件夾中新增了 views 文件夾，用於分類 視圖組件 和 公共組件

創建 vue-cli 3.0 項目

1. npm install vue-cli @3.0 （如果你的vue -V版本小於3.0的話，用npm install -g vue@cli更新下vue）
2. 項目配置:
   vue ui( 可視化項目配置)
   package manager: npm
   presets: Manual (手動選擇添加)
   Features: Babel、Router、Vuex、CSS Pre-processors、 Linter/Formatter、 Use config files(使用配置文件)
3. 項目目錄結構

視頻裏的目錄結構([email protected]):

potal-vue公司項目目錄結構([email protected]+):