Vue3 0腳手架搭建

vue3.0官網:

介紹：notice: 這份文件是對應 @vue/cli 3.x 版本的。老版本的 vue-cli 文件請移步這裡

vue cli是乙個基於 vue.js 進行快速開發的完整系統，提供：

1.通過 @vue/cli 搭建互動式的專案腳手架。

2.通過 @vue/cli + @vue/cli-service-global 快速開始零配置原型開發。

3.乙個執行時依賴 (@vue/cli-service)，該依賴：

可公升級；

基於 webpack 構建，並帶有合理的預設配置；

可以通過專案內的配置檔案進行配置；

可以通過外掛程式進行擴充套件。

4.乙個豐富的官方外掛程式集合，整合了前端生態中最好的工具。

5.一套完全圖形化的建立和管理 vue.js 專案的使用者介面。

cli (@vue/cli)是乙個全域性安裝的 npm 包，提供了終端裡的 vue 命令。它可以通過 vue create 快速建立乙個新專案的腳手架，或者直接通過 vue serve 構建新想法的原型。你也可以通過 vue ui 通過一套圖形化介面管理你的所有專案

cli 服務 (@vue/cli-service)是乙個開發環境依賴。它是乙個 npm 包，區域性安裝在每個 @vue/cli 建立的專案中.構建於 webpack 和 webpack-dev-server 之上的。它包含了：

1.載入其它 cli 外掛程式的核心服務；

2.乙個針對絕大部分應用優化過的內部的 webpack 配置；

3.專案內部的 vue-cli-service 命令，提供 serve、build 和 inspect 命令。

當你在專案內部執行 vue-cli-service 命令時，它會自動解析並載入 package.json 中列出的所有 cli 外掛程式。

外掛程式可以作為專案建立過程的一部分，或在後期加入到專案中。它們也可以被歸成一組可復用的 preset。

安裝：

關於舊版本

vue cli 的包名稱由 vue-cli 改成了 @vue/cli。如果你已經全域性安裝了舊版本的 vue-cli (1.x 或 2.x)，你需要先通過 npm uninstall vue-cli -g 或 yarn global remove vue-cli 解除安裝它。

但是有時解除安裝不了，可以手動刪除之前版本檔案

node 版本要求

vue cli 需要 node.js 8.9 或更高版本 (推薦 8.11.0+)。你可以使用 nvm 或 nvm-windows在同一臺電腦中管理多個 node 版本。

刪掉上面的三個檔案後

執行：npm install -g @vue/cli 或者

yarn global add @vue/cli

檢視是否完成（版本號）：vue --version

可以用：

vue create 《專案名》建立專案

進入自主選擇：manually select features

sass

安裝完後

快速原型開發：

1.你可以使用 vue serve 和 vue build 命令對單個 *.vue 檔案進行快速原型開發，不過這需要先額外安裝乙個全域性的擴充套件：

npm install -g @vue/cli-service-global