vue腳手架經過UI界面建立項目

vue腳手架提供了圖形界面操做項目，比以前經過命令操做的形式還要簡單，如下是使用的步驟：

一、全局安裝@vue/cli腳手架工具

npm i @vue/cli -g ｛使用淘寶鏡像:npm install -g cnpm --registry=https://registry.npm.taobao.org｝

二、啓動GUI建立項目嚮導,win+r ,cmd,輸入：


vue ui

三、點擊建立，選擇安裝路徑，

   詳情：輸入項目名稱，包管理器選擇npm，初始化Git倉庫填：init project ，點擊下一步。

 

預設：選擇手動。

功能：選擇Bable，Router，Liner|Formatter及使用配置化

配置：

      1）Use history made for router?(關閉)

      2）pick a Linter ...  Select（選擇ESLint + Standard config）

      3)  Lint on save (dakai 保存時會自動進行格式校驗)

四、以上完成後，開始配置ElementUI組件庫，選擇插件，輸入：vue-cli-plugin-element ,點擊下載

     1）How  ... install element : 選擇 import on demand

     2) 語言模式：zh-CN(默)(默認就行)

五、配置axios庫，選擇依賴，輸入axios 安裝

六、依賴-開發依賴，下載less-loader (使用vue UI不會自動添加less-loader依賴，須要本身手動下載),同時還要下載less,less-loader依賴於less.

七、elementui組件，按需導入