Windows下如何安裝nodejs+npm
- 使用前掌握3個東西是用來干什么的
- 開始安裝
- 開始配置
使用前掌握3個東西是用來干什么的
1. npm:Nodejs下的包管理器
2. webpack:它主要的用途是通過CommonJS的語法把所有瀏覽器端需要發布的靜態資源做相應的準備，比如資源的合并和打包
3. vue-cli: 用戶生成Vue工程模板（幫你快速開始一個vue的專案，也就是給你一套vue的結構，包含基礎的依賴庫，只需要 npm install就可以安裝）
開始安裝
nodejs官網下載安裝包,雙擊開始進行安裝
nodejs百度網盤鏈接:https://pan.baidu.com/s/1hKk4h-z-WzxOGU5vCrhXTw 提取碼:tp37
可以使用默認路徑，也可自行修改為D:\nodejs
一路點Next
點Finish完成
開始配置
安裝好后找到nodejs檔案夾打開后可以發現以下圖片內容
運行CMD執行以下命令-檢查版本及環境變數是否正常
echo %PATH% 檢查環境變數
npm -v 查看npm版本
node -v 查看node版本
接下來更改設定快取目錄路徑,npm的本地倉庫在系統C盤中,如下圖建立2個目錄檔案夾
然后CMD執行以下幾條命令
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
npm list -global 執行以上2條后,運行這條命令可以發現本地倉庫路徑已經改變了
執行以下命令-配置鏡像站
npm config set registry=http://registry.npm.taobao.org
輸入以下命令顯示所有配置資訊
npm config list
我們關注一個組態檔
C:\Users\Administrator\.npmrc
使用文本編輯器編輯它,可以看到剛才的配置資訊
沒有文本編輯器的可以使用txt檔案打開,或者點擊以下鏈接進行下載
鏈接:https://pan.baidu.com/s/1stCw0p9e8YOnlbKf6dHF6Q 提取碼:6vx6
接下來執行以下命令升級npm模塊,效果如圖所示
npm config get registry 檢查一下鏡像站命令是否可行
npm install npm -g 升級npm
注意，此時，默認的模塊D:\nodejs\node_modules 目錄
將會改變為D:\nodejs\node_global\node_modules 目錄，
如果直接運行npm install等命令會報錯的
所以需要我們配置node_modules的環境變數 如下圖
'''注意:以上操作配置完成后需要重新打開CMD讓配置的環境變數生效'''
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/297156.html
標籤：其他
上一篇：原生js實作輪播圖效果
下一篇：前后端格式轉換