Vue cli構建項目腳手架

1.介紹

Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統，Vue CLI有幾個獨立的部分：

CLI：CLI (@vue/cli) 是一個全局安裝的 npm 包，提供了終端裏的 vue 命令。
CLI服務：CLI 服務 (@vue/cli-service) 是一個開發環境依賴。它是一個 npm 包，局部安裝在每個 @vue/cli 創建的項目中。
CLI插件：CLI 插件是向你的 Vue 項目提供可選功能的 npm 包。

2.安裝

（1）安裝nodejs  https://nodejs.org/en/download/  
（2）安裝vue cli
      npm install -g @vue/cli
      或者
      yarn global add @vue/cli
    驗證安裝是否成功與安裝版本
    vue --version

3.創建項目

（1）vue create 
    運行以下命令來創建一個新項目
      vue create hello-word(項目名)
（2）使用圖形化界面
    通過 vue ui命令以圖形化界面創建和管理項目 

【1】你會被提示選取一個 preset。你可以選默認的包含了基本的 Babel + ESLint 設置的 preset，也可以選“手動選擇特性”來選取需要的特性。

【2】 更多項目配置

• Babel：通過語法轉換器支持最新版本的js
• Router：vue-router
• Vuex：vuex
• CSS Pre：css的預編譯器
• Linter/Formatter：代碼風格和格式
  【3】是否使用vue-router的history模式-N

【4】使用CSS的預編譯器

【5】代碼檢查和代碼風格插件（Eslint+Prettier）

【6】語法檢查的時期

【7】插件配置文件的存放位置

In dedicated config files:放在每個插件的專用配置文件中（推薦）
in package.json:統一存放在package.json文件中
【8】是否將剛剛的配置設置爲預設-N

【9】開始創建項目並安裝依賴