vue+element網站項目環境搭建


vue+element-ui網站項目環境搭建

一、搭建vue環境

       ①全局安裝vue-cli

   npm install -g vue-cli 

  安裝成功后,輸入vue,驗證是否安裝成功

        

    ②新建項目,使用cd命令進入到你將要創建項目的文件夾,輸入 vue init webpack demo 

   這里的demo是你項目的名字,接下來是一些初始化的設置,按着指示選擇,選擇完畢后,會有提示語句,

   按着語句輸入

cd demo
npm install
npm run dev

          

 

 

   ③按照提示,cd進入到項目文件下,運行 npm install 

   ④運行完后,輸入 npm run dev ,,如果沒什么錯誤的話,會出現該項目的地址,如下,

   在瀏覽器中輸入地址就可以看到vue初始化的模板

    

 二、安裝Element-ui

   ①cd進入到當前項目,運行 npm i element-ui -S (也可以在webstrom終端里面輸入該語句)

   ps:安裝好后,可以在node_modules里面找到element-ui

   ②安裝好element-ui后,就要在項目中引用了,打開項目,找到src目錄下的main.js,添加引用即可

  

     最后:搭建好vue+element-ui環境后,寫點東西測試一下,  

       

    效果如下,這樣就可以了,可以動手開發自己的項目了

        

 


免責聲明!

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



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