一、官網下載安裝包
官網地址:https://nodejs.org/zh-cn/download/
二、安裝程序
1、安裝過程
如果有C/C++編程的需求,勾選一下下圖所示的部分,沒有的話除了選擇一下node.js安裝路徑,直接一路next
2、測試安裝是否成功
【win+R】鍵,輸入cmd,回車
????????輸入:node -v? ? ?// 顯示node.js版本
? ? ? ? ? ? ? ?????npm -v? ? ? // 顯示npm版本
三、環境配置
1、新增系統環境變量,變量值為你安裝的路徑
2、【win+R】鍵,輸入cmd,回車,
? ? ? ????????? 輸入:npm config set prefix “路徑\node_global”
???????????????????????????npm config set cache “路徑\node_cache”
npm config set prefix "E:\node.js\node_global"
npm config set cache "E:\node.js\node_cache"
檢查路徑:
npm config get prefix
npm config get cache
備注,如果該命令路徑錯了可以用以下兩條命令刪除
npm config rm prefix
npm config rm cache
3、配置用戶環境變量?
默認的 C 盤下【?AppData\Roaming\npm
?】修改成 【node_global】的路徑
,點擊確定
4、配置系統環境變量
?
四、更換鏡像源
【win+R】鍵,輸入cmd,回車,
? 輸入淘寶(阿里云)鏡像:
npm config set registry https://registry.npmmirror.com
很多文章寫的鏡像源是"https://registry.npm.taobao.org/",但這個淘寶鏡像源早就過期了
查看鏡像源配置情況:
npm get registry
五、安裝Vue腳手架
【win+R】,輸入cmd,回車
輸入:
npm install -g @vue/cli
六、創建Vue項目(以及第一個vue項目的運行)
【win+R】,輸入cmd,回車
輸入cd命令,切換到自己想要創建Vue工程的目錄下
然后輸入命令創建Vue項目:
vue create 工程名稱
?cmd中切換到新創的vue工程目錄下
vue項目運行:
npm run serve
退出運行:【Ctrl+C】