vue項目搭建連載教程+全家桶詳解----第一節:環境配置

初衷:鑑於很多從事前端的夥伴們對於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  等待成功即可

到此 恭喜你!所有環境已經安裝完成!

 

 

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