什么是Node.js?
簡單來說:
Node.js 是一個在服務器端運行 JavaScript 的環境。
以前JavaScript只能做網頁特效,現在用它就能開發網站后臺、命令行工具甚至桌面應用!
第一步:安裝Node.js(多系統詳解)
?Windows 系統
-
下載安裝包:
-
打開官網:https://nodejs.org
-
點擊綠色的?"LTS"?版本(穩定版)下載(例如:
node-v20.x.x-x64.msi
)
👉 新手別選"Current"(嘗鮮版)!
-
-
安裝過程:
-
雙擊安裝包 → 全部點"Next"(默認設置即可)→ 勾選 ??"Automatically install tools"?→ 完成安裝
-
-
關鍵一步!
-
安裝完成后按?
Win + R
?輸入?cmd
?打開命令行 -
輸入以下命令驗證:
node -v npm -v
正確顯示版本號(如?
v20.15.0
?和?10.5.0
)即成功!
-
Mac 系統
方法1(推薦):用?Homebrew
-
安裝Homebrew(粘貼到終端)
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
2.安裝Node.js
brew install node
方法2:直接下載官網的?
.pkg
?安裝包(步驟同Windows)
Linux 系統(Ubuntu為例)
-
打開終端(
Ctrl+Alt+T
) -
依次執行:
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - sudo apt install -y nodejs
驗證安裝是否成功(3種方法)
驗證方式 命令 預期結果 1. 版本檢查 node -v
顯示版本號(如 v20.15.0) 2. 運行JavaScript node -e "console.log('Hello Node!')"
終端打印出 "Hello Node!" 3. 進入交互模式 輸入? node
?→ 回車 → 輸入?1+1
輸出? 2
?→ 按兩次?Ctrl+C
?退出
配置npm(Node包管理器)?
npm是Node.js的“應用商店”,安裝后需優化:
?解決權限問題(必做!)
避免以后安裝包報錯:
# 創建全局包安裝目錄
mkdir ~/.npm-global
# 配置npm使用此目錄
npm config set prefix '~/.npm-global'
# 將目錄添加到系統路徑
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.bashrc # Mac/Linux
# Windows:在環境變量中手動添加 `用戶變量` → PATH → `%USERPROFILE%\.npm-global\bin`
加速下載(小白用戶必看)
切換npm鏡像到國內源:
npm config set registry https://registry.npmmirror.com
第一個Node.js程序:創建HTTP服務器
-
新建文件?
app.js
,用記事本/VSCode打開 -
粘貼代碼:
// 1. 導入http模塊 const http = require('http');// 2. 創建服務器 const server = http.createServer((req, res) => {res.writeHead(200, {'Content-Type': 'text/html'}); // 設置響應頭res.end('<h1>Hello Node.js!</h1>'); // 返回HTML內容 });// 3. 監聽3000端口 server.listen(3000, () => {console.log('服務器已運行:http://localhost:3000'); });
運行程序:
-
命令行進入文件所在目錄
-
輸入
node app.js
打開瀏覽器訪問 →?http://localhost:3000
頁面顯示?Hello Node.js!?大標題!
npm 常用命令速查表
命令 | 作用 |
---|---|
npm init -y | 快速創建package.json文件 |
npm install lodash | 安裝lodash包(局部) |
npm install -g nodemon | 全局安裝自動重啟工具 |
npm uninstall 包名 | 卸載包 |
npm update | 更新所有包 |
npm list --depth=0 | 查看已安裝的包 |
常見問題排查(新手避坑)
-
報錯:'node' 不是內部命令
→ 重新安裝Node.js,勾選 ??"Add to PATH"?選項 -
npm安裝包卡住
→ 換國內鏡像:npm config set registry https://registry.npmmirror.com
-
權限錯誤(Mac/Linux)
→ 命令前加?sudo
,或按前文配置npm全局目錄 -
端口占用
→ 修改代碼中的端口號(如?4000
)
?下一步學什么?
-
用?
npm init
?創建項目 -
學習Express框架開發網站
-
用FS模塊操作文件
-
部署項目到云服務器
關鍵記住:
node 文件.js
?→ 運行程序
npm install 包名
?→ 裝插件遇到錯誤 → 先查版本和環境變量!
動手試試吧!
技術不息,折騰不止!?