1、環境准備
- 安裝node
- 安裝vue
- 安裝vue-cli
以上步驟見:https://www.cnblogs.com/jtaosblog/p/13052212.html
2、創建項目
1) 使用vue-ui創建項目:cmd進入vue-ui 界面,使用可視化的方式創建項目:
2) 使用vue項目管理器,點擊“創建”,輸入項目名稱,點擊“下一步”:
3)預設項目的一些配置,此時可以選擇之前的預設配置,也可以手動配置。本次選擇“手動”,點擊“下一步”:
4)手動配置項目,設置預設名稱,點擊“保存預設並創建項目”,等待一段時間等待項目創建完成:
5)配置element ui 插件
選擇剛創建的項目,選擇“插件”,選擇“添加插件”, 搜索“vue-cli-plugin-element”,選擇要安裝的插件,點擊“安裝”:
安裝完后配置插件:選擇按需導入,點擊“完成安裝”,至此“element ui”插件安裝完成!
6) 安裝axios
選擇“依賴”,選擇“安裝依賴”,搜索“axios”,選擇后點擊“安裝”(注意要安裝到運行依賴)。
3 運行項目測試安裝成功
選擇“任務”,選擇“運行”:瀏覽器中打開“http://localhost:8080” 查看打開頁面。