隨便說說:本來的計劃前端知識應該是明年才學的,奈何最近項目的前端同事離職了,趕着鴨子上架,作爲一名PHP開發者,前端的東西自然而然落在了我的頭上,幸好後端接口已經寫完了,那就學習一下唄,於是就有了這麼一篇入門級別的學習文章,大佬繞道,小白可能會對你有點兒思路上的指引。文章中有錯的地方,歡迎指正!
本文先說一下如何搭建vue環境
- 下載安裝node環境。地址:https://nodejs.org/zh-cn/
安裝完之後,打開cmd或者git命令窗口 輸入
node -v
出現如下截圖則代表安裝成功。
- 安裝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項目的開發!