介紹
由於現在Vue-cli版本更新到了3.0，而且創建項目的一些情況也發生了變化，所以本篇將在基於Vue-cli3.0以上版本創建項目，大家可以參考一下Vue-cli2.0版本（這裏的Vue-cli3.0版本之前統稱爲2.0版本）和Vue-cli3.0版本的不同之處，不要混淆了。大家也可以進入Vue-cli3官網進行查看相關信息。
Vue-CLI
- 通過
@vue/cli搭建交互式的項目腳手架。 - 通過
@vue/cli+@vue/cli-service-global快速開始零配置原型開發。 -
一個運行時依賴 (
@vue/cli-service)，該依賴：- 可升級
- 基於
webpack構建，並帶有合理的默認配置 - 可以通過項目內的配置文件進行配置
- 可以通過插件進行擴展
- 一個豐富的官方插件集合，集成了前端生態中最好的工具。
- 一套完全圖形化的創建和管理
Vue.js項目的用戶界面。
準備
關於舊版本
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 # -g或者global 表示全局安裝
# 或者 cnpm
cnpm install -g @vue/cli
# 或者 yarn
yarn global add @vue/cli
- 這裏是yarn的官方文檔，有需要的可以研究一下
安裝之後，你就可以在命令行中訪問 vue 命令。你可以通過簡單運行 vue，看看是否展示出了一份所有可用命令的幫助信息，來驗證它是否安裝成功。
你還可以用這個命令來檢查其版本是否正確 (3.x)：
vue --version
創建項目
vue create
運行以下命令來創建一個新項目：
vue create 項目名
這時候控制檯會提示你需要選擇一個 preset。
我這裏已經保存了vue-test一個之前創建項目包含的 vue-router、vuex、stylus、babel、eslint 基本設置的preset。
你可以選默認 default 包含了基本的 babel + eslint 設置的 preset。
也可以選手動選擇特性 Manually select features 來選取需要的特性。
本次我們通過手動選擇特性來幫大家瞭解全部創建的過程：Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
移動光標至需要選擇設置項按 space 來選擇特性，按 a 來選擇全部特性，按 i 來取消選擇
