【VUE學習系列】--- Windows搭建安裝vue

隨便說說:本來的計劃前端知識應該是明年才學的,奈何最近項目的前端同事離職了,趕着鴨子上架,作爲一名PHP開發者,前端的東西自然而然落在了我的頭上,幸好後端接口已經寫完了,那就學習一下唄,於是就有了這麼一篇入門級別的學習文章,大佬繞道,小白可能會對你有點兒思路上的指引。文章中有錯的地方,歡迎指正!

本文先說一下如何搭建vue環境

  1. 下載安裝node環境。地址:https://nodejs.org/zh-cn/

安裝完之後,打開cmd或者git命令窗口 輸入

node -v

出現如下截圖則代表安裝成功。

 

  1. 安裝vue與vue-cli

建議大家使用淘寶鏡像安裝,國內安裝,原因大家都懂的。

查看當前的鏡像

npm config get registry

因爲本人使用的是公司的內部鏡像,就不放出來了!

修改爲淘寶鏡像

npm config set registry https://registry.npm.taobao.org

 

     2. 安裝vue  

npm install vue

 

    3. 全局安裝vue-cli腳手架

npm install --global vue-cli

   

     4. 安裝webpack 執行命令

npm install webpack -g

   

     5. 選擇一個存放項目的位置,輸入

 vue init webpack yourproject

中間會有很多需要你操作的步驟,按照自己的需要修改或者選擇即可。

等待命令執行完成之後,你就會發現文件位置處已經安裝好了一個vue項目。到此,你的vue安裝已經安裝好了,下一篇我們接着來看vue項目的開發!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章