專案要用vue框架，所以會用vue-cli來新建專案。用過vue的都知道，要全域性安裝vue以及腳手架vue-cli，然後執行vue init webpack projectname來新建vue專案模板。但是最近新建專案的時候發現，即使是在本機全域性安裝了vue最新版本2.5.17，可是用vue-cli腳手架建立vue專案木板的時候發現，vue的版本還是2.5.2版本。查過官方文件之後瞭解到，vue-cli有最新版本，需要重新安裝，而且新建專案的方式也有所不同。這篇文章將針對vue以及vue-cli最新版本進行介紹。

官網：https://cli.vuejs.org/zh/

vue-cli官方解釋是，它是一個基於vue.js進行快速開發的完整系統，提供：

• 通過 @vue/cli 搭建互動式的專案腳手架。
• 通過 @vue/cli + @vue/cli-service-global 快速開始零配置原型開發。
• 一個執行時依賴 (@vue/cli-service)，該依賴：
  • 可升級；
  • 基於 webpack 構建，並帶有合理的預設配置；
  • 可以通過專案內的配置檔案進行配置；
  • 可以通過外掛進行擴充套件。
• 一個豐富的官方外掛集合，集成了前端生態中最好的工具。
• 一套完全圖形化的建立和管理 Vue.js 專案的使用者介面。

       接下來廢話少說，我就直接說說vue-cli最新版本怎麼安裝，怎麼新建專案。

一、安裝Vue Cli

安裝最新版的vue-cli。使用命令：npm install @vue/cli -g

 安裝之後，你就可以在命令列中訪問 vue 命令。你可以通過簡單執行vue，看看是否展示出了一份所有可用命令的幫助資訊，來驗證它是否安裝成功。

到此為止，Vue Cli就安裝成功了

 二、建立一個專案

首先，我們在終端裡輸入命令vue create，然後回車，出現選擇介面，可以選擇自定義安裝，也就是第二個。

接下來，進入第二步，選擇你需要的模組。

接下來會讓你進行一系列的框架或外掛版本選擇，

路由部分、eslint配置、檢查設定、單元測試、e2e(端到端測試)、配置檔案存放、儲存當前配置

大家可以根據自己的需要進行選擇

選擇完成後，專案就會自動建立，並且會預設安裝你選擇的這些外掛或模組。到此為止，專案就算建立完成了。