vue腳手架提供了圖形界面操作項目,比之前通過命令操作的形式還要簡單,以下是使用的步驟:
1、全局安裝@vue/cli腳手架工具
npm i @vue/cli -g {使用淘寶鏡像:npm install -g cnpm --registry=https://registry.npm.taobao.org}
2、啟動GUI創建項目向導,win+r ,cmd,輸入:
vue ui
3、點擊創建,選擇安裝路徑,
詳情:輸入項目名稱,包管理器選擇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 保存時會自動進行格式校驗)
4、以上完成后,開始配置ElementUI組件庫,選擇插件,輸入:vue-cli-plugin-element ,點擊下載
1)How ... install element : 選擇 import on demand
2) 語言模式:zh-CN(默)(默認就行)
5、配置axios庫,選擇依賴,輸入axios 安裝
6、依賴-開發依賴,下載less-loader (使用vue UI不會自動添加less-loader依賴,需要自己手動下載),同時還要下載less,less-loader依賴於less.
7、elementui組件,按需導入