vue+element ui + axios 創建項目


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” 查看打開頁面。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM