nodejs和npm安裝與配置

sybkl發表於2024-07-06

nodejs官網:http://nodejs.cn/

百度網盤下載連結:https://pan.baidu.com/s/1RfjeN1bt-I-tf351xi8cgw
提取碼:sybk

下載官網的穩定版msi安裝包

nodejs預設安裝配置了npm

進入cmd命令列(以管理員身份開啟)

node -v			
npm -v         

檢視版本,檢查安裝

設定npm淘寶映象

npm config set registry https://registry.npmmirror.com

華為雲映象

npm config set registry https://repo.huaweicloud.com/repository/npm/
npm cache clean -f

npm config set disturl https://repo.huaweicloud.com/nodejs
npm config set sass_binary_site https://repo.huaweicloud.com/node-sass

修改全域性依賴包下載路徑,快取路徑

根據自己準備的空目錄進行設定

npm config set prefix “D:\opt\env\nodejs\node_global”
npm config set cache "D:\opt\env\nodejs\node_cache"

更改或追加.npmrc (npm的配置檔案,該檔案可檢視配置的映象倉庫和修改的配置路徑)

該配置檔案在C:\User\使用者名稱\ 該目錄下

repository = 
prefix =
cache = 

檢視是否安裝成功

npm list -g 

測試

npm install express -g
   !!!!!!!!!!!!!!!!! 如果報錯記得以管理員身份執行!!!!!!!!!!!!!!!!

再次輸入npm list -g

全域性依賴包中出現新的資料夾node_module以及其下的express

修改環境變數

將E:\Software\nodejs\node_global\npm_modules

路徑加入到PATH

補充:

建立vue專案

1.全域性安裝@vue/cli

npm install -g @vue/cli


vue --version        檢視版本號,如果輸出版本號則說明安裝node環境成功

2.建立專案

首先以管理員身份開啟命令列介面,進入到你想要建立專案的資料夾
vue create test_vue         (vue create 專案名)


進行選項配置(空格鍵選中配置.Enter鍵下一項)
1,Manually select features
2.Babel
  Router
  Vuex        選中後下 回車下一項
3.選擇vue版本,2.x或3.x  
4.Use history mode for router ?   yes     
    是否選擇歷史模式?
5.Save this as a preset for future projects?    no  
    是否要儲存為這個專案作為一個模板儲存?
5.配置檔案選擇package.json

vue3.x支援命令列命令進入WebGUI介面

vue ui 

npm升級

npm install -g npm 

npm cache clean -f 

npm  -v 

node升級

windows下node版本升級(使用nvmw)

npm install -g nvmw
nvmw -V
npm install v版本號		(指定版本號)
nvmw ls						(檢視node版本)

nvmw use v16.19.1			(臨時使用該版本,終端退出即失效)
nvmw switch v16.19.1		(永久使用該版本,終端退出即生效)

建立vite專案

npm init vite@latest vite_

相關文章