初衷:鑑於很多從事前端的夥伴們對於vue技術理解不是很透徹,特增加這個vue教程連載,希望幫助更多的前端奮鬥者!
( 後期會將項目上傳到github 歡迎大家來搗亂!)
第一篇:從零搭建vue項目
1、nodeJS環境的安裝,下載地址:https://nodejs.org/en/
下載成功後 ,傻瓜式安裝即可。
2、安裝成功後,環境變量配置
2-1 回到桌面 右鍵我的電腦
2-2 單擊‘屬性’ 看到如下 然後單擊高級系統設置
2-3然後如下圖所示 然後繼續點擊環境變量
2-4 如下圖
2-5 開始配置
用戶變量配置
增加 NODE_PATH:C:\Program Files\nodejs\node_modules
在path後追加 C:\Program Files\nodejs\node_modules(追加前注意分號的增加)
同理配置系統變量
3、win鍵+R鍵 同時按住,運行cmd命令
4、在命令行內輸入 node -v 回車 ;然後輸入npm -v 回車;
恭喜你,環境已經配置完成!
5、接下來 配置淘寶鏡像cnpm,爲了以後安裝vue項目依賴能快一點
繼續在上圖的命令行輸入npm install -g cnpm --registry=http://registry.npm.taobao.org 回車
等待安裝即可
6、在命令行內輸入 cnpm -v 檢測是否安裝成功即可
7、安裝vue項目的cli腳手架工具 同樣 在命令行內輸入 cnpm install -g vue-cli 等待成功即可
到此 恭喜你!所有環境已經安裝完成!