Vue.js框架:官方命令行工具的安裝和使用(三)


一、安裝vue

  1、國內使用npm速度很慢,使用淘寶鏡像進行安裝:

  在cmd中輸入以下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

  如圖所示:

  

  之后就可以使用cnpm來代替npm進行操作。

  2、使用cnpm安裝vue:

cnpm install vue

  

二、安裝vue-cli工具和簡單應用

  vue-cli是官方提供的命令行工具。

  1、安裝vue-cli:

  在cmd中使用命令:

cnpm install --global vue-cli

  

  2、創建一個簡單項目:

vue init webpack hellovue

  以上命令是創建一個新項目,注意:這里創建的項目名稱中不能包含大寫字母

  

  一路Yes加回車,項目自動創建中:

  

  3、查看已創建的項目:

  進入項目中:

cd hellovue

  運行項目:

cnpm run dev

  運行完畢:

  

  打開執行后的頁面網址http://localhost:8082,查看頁面:

  

  4、webpack安裝:

cnpm install -g webpack

  

  5、element-ui安裝:

cnpm i element-ui -S

  

 


免責聲明!

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



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