Vue工程啟動流程


大前提:本文適合已有vue工程 ,如何啟動,不適合准備新建vue 項目的人群

一、工具准備

1.安裝node(已安裝完成node,結果如下,看到node版本即可)

 

2.國內安裝可能比較慢,因此,推薦使用淘寶鏡像,淘寶的cnpm命令管理工具可以代替默認的npm管理工具(我已經安裝好了,查看到版本,證明成功啦);

  運行:npm install -g cnpm --registry=http://registry.npm.taobao.org

3.安裝vue-cli
  運行:cnpm install vue-cli -g
  vue-cli是vue.js的腳手架,用於自動生成vue.js+webpack的項目模板

二、運行項目

1.刪除項目中已有的node_modules文件夾

  PS:因為可能是別人項目,項目之中肯定有 node_modules模塊,需要刪除后才能安裝適合本機的依賴

2.進入項目目錄,我的放在D盤了,運行npm install(或者cnpm  install,我用的后者,前者太慢了)

  運行:cnpm  install

  PS:npm要訪問到國外的網會慢些,也可以用cnpm  install,用淘寶的鏡像服務器在國內。

3.運行項目,達到如圖狀態即可運行啦

      運行:npm run dev

4.打開URL

 


免責聲明!

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



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