新手向:從零開始Node.js超詳細安裝、配置與使用指南

什么是Node.js?

簡單來說:

Node.js 是一個在服務器端運行 JavaScript 的環境
以前JavaScript只能做網頁特效,現在用它就能開發網站后臺、命令行工具甚至桌面應用!

第一步:安裝Node.js(多系統詳解)

?Windows 系統
  1. 下載安裝包

    • 打開官網:https://nodejs.org

    • 點擊綠色的?"LTS"?版本(穩定版)下載(例如:node-v20.x.x-x64.msi
      👉 新手別選"Current"(嘗鮮版)!

  2. 安裝過程

    • 雙擊安裝包 → 全部點"Next"(默認設置即可)→ 勾選 ??"Automatically install tools"?→ 完成安裝

  3. 關鍵一步!

    • 安裝完成后按?Win + R?輸入?cmd?打開命令行

    • 輸入以下命令驗證:

      node -v
      npm -v

      正確顯示版本號(如?v20.15.0?和?10.5.0)即成功!

Mac 系統

方法1(推薦):用?Homebrew

  1. 安裝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為例)
  1. 打開終端(Ctrl+Alt+T

  2. 依次執行:

    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. 運行JavaScriptnode -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服務器

  1. 新建文件?app.js,用記事本/VSCode打開

  2. 粘貼代碼:

    // 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


?下一步學什么?

  1. 用?npm init?創建項目

  2. 學習Express框架開發網站

  3. 用FS模塊操作文件

  4. 部署項目到云服務器


關鍵記住

  • node 文件.js?→ 運行程序

  • npm install 包名?→ 裝插件

  • 遇到錯誤 → 先查版本和環境變量!

動手試試吧!


技術不息,折騰不止!?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/912714.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/912714.shtml
英文地址,請注明出處:http://en.pswp.cn/news/912714.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

VR全景平臺的概念和用途

VR全景平臺&#xff1a;沉浸式體驗篇章 在數字化飛速發展的今天&#xff0c;VR全景平臺作為新興的技術應用平臺&#xff0c;逐漸走進我們的日常生活。那么&#xff0c;什么是VR全景平臺&#xff1f;眾趣科技是否有涉足這一領域&#xff1f;眾趣科技VR全景平臺又具備哪些獨特的…

深入解析外觀模式(Facade Pattern):簡化復雜系統的優雅設計

深入解析外觀模式&#xff08;Facade Pattern&#xff09;&#xff1a;簡化復雜系統的優雅設計 &#x1f31f; 嗨&#xff0c;我是IRpickstars&#xff01; &#x1f30c; 總有一行代碼&#xff0c;能點亮萬千星辰。 &#x1f50d; 在技術的宇宙中&#xff0c;我愿做永不停歇…

2.2.1 配置Linux審計日志

文章目錄 一、試題及考試說明二、操作步驟1. 啟動 Auditd 服務并設置其開機自啟2. 創建一個規則來監控/etc/test/auditd_test 文件上的所有寫入操作&#xff0c;并給這些審計記錄加上標簽file_access3. 設置審計日志保存在/etc/test/audit/audit.log4. 設置審計日志的滾動機制&…

使用Puppeteer提取頁面內容的技巧

在現代的Web開發和爬蟲開發中&#xff0c;Puppeteer是一個非常強大的工具&#xff0c;它可以幫助我們自動化瀏覽器操作&#xff0c;提取頁面內容。本文將從初階到高階&#xff0c;詳細介紹如何使用Puppeteer提取頁面內容的各種技巧&#xff0c;特別關注多層類關系選擇器的使用。…

SQL server 獲取表中所有行的序號

在SQL Server中&#xff0c;要獲取某個表中的某一行所在的記錄總數&#xff0c;通常有幾種方法可以實現&#xff0c;具體使用哪種方法取決于你的具體需求。以下是幾種常見的方法&#xff1a; 1. 使用COUNT()函數結合子查詢 如果你想要知道某個特定行在表中的位置&#xff08;…

《CSDN 用戶視角:見證 AI 重構企業辦公,在智能協同、數據驅動下實現組織進化》

在數字化轉型的大潮洶涌而至的當下&#xff0c;人工智能&#xff08;AI&#xff09;宛如一場疾風驟雨&#xff0c;以前所未有的速度重塑著企業辦公的格局。從瑣碎流程的自動化&#xff0c;到智能決策的深度賦能&#xff0c;AI 技術正掀起一場對傳統工作模式的徹底顛覆&#xff…

PYQT實戰:天氣助手

應用采用了現代化的界面設計&#xff0c;包括圓角邊框、卡片式布局和響應式建議功能。 這個天氣應用可以作為學習PyQt5開發的實例&#xff0c;展示了GUI設計、定時更新、數據處理和用戶交互的實現方法 #!/usr/bin/env python # -*- coding: GBK -*- import sys import request…

PL-SLAM: Real-Time Monocular Visual SLAM with Points and Lines

PL-SLAM 文章目錄 PL-SLAM摘要系統介紹綜述方法綜述LINE-BASED SLAM一、基于線的SLAM二、基于線和點的BA三、全局重定位使用線條初始化地圖實驗結果說明位姿求解三角化LSD 直線檢測算法?? **一、核心原理**?? **二、實現方法**?? **三、應用場景**?? **四、優缺點與優化…

快速手搓一個MCP服務指南(八):FastMCP 代理服務器:構建靈活的 MCP 服務中介層

在分布式系統和微服務架構日益普及的今天&#xff0c;服務間的通信與集成變得至關重要。FastMCP 從 2.0.0 版本引入的代理服務器功能&#xff0c;為 MCP (Model Context Protocol) 生態提供了強大的服務中介能力。本文將深入解析 FastMCP 代理服務器的核心概念、應用場景與實踐…

Ubuntu20下安裝SAMBA服務

1、安裝Samba: 在 Ubuntu 上&#xff0c;打開終端&#xff0c;并運行以下命令以安裝 Samba sudo apt update sudo apt install samba 2、配置共享目錄 修改共享目錄的權限&#xff0c;我的共享目錄是samba_share sudo chmod -R 777 ./samba_share 創建Samba用戶賬號 sud…

Python 數據分析與機器學習入門 (一):環境搭建與核心庫概覽

Python 數據分析與機器學習入門 (一)&#xff1a;環境搭建與核心庫概覽 本文摘要 本文是 Python 數據分析與機器學習入門系列的第一篇&#xff0c;專為初學者設計。文章首先闡明了 Python在數據科學領域的優勢&#xff0c;然后手把手指導讀者如何使用 Anaconda 搭建一個無痛、專…

編譯UltraleapTrackingWebSocket

最近要在項目中用到 Leap Motion&#xff0c;無意中發現了一個 Go 語言的 Leap Motion 庫&#xff1a; https://gobot.io/documentation/platforms/leapmotion/ 示例代碼看起來很簡單&#xff0c;但是要實際運行起來還需要一些條件。 在示例代碼中&#xff0c;我們看到它連接…

[ linux-系統 ] 磁盤與文件系統

1.認識磁盤結構 機械鍵盤是計算機中唯一的機械設備&#xff0c;磁盤是外設&#xff0c;容量大&#xff0c;速度慢&#xff0c;價格便宜 物理結構&#xff1a; 磁頭是一面一個&#xff0c;左右擺動&#xff0c;兩個整體移動的&#xff0c;有磁頭停靠點磁頭和盤面不接觸&#x…

Spring AI RAG

目錄 Spring AI 介紹 Spring AI 組件介紹 Spring AI 結構化輸出 Srping AI 多模態 Spring AI 本地Ollama Spring AI 源碼 Spring AI Advisor機制 Spring AI Tool Calling Spring AI MCP Spring AI RAG Spring AI Agent 一、技術架構與核心流程? 檢索增強生成 &#xff08;RA…

深入Linux開發核心:掌握Vim編輯器與GCCG++編譯工具鏈

文章目錄 一、Vim&#xff1a;終端環境下的編輯藝術1.1 Vim設計哲學&#xff1a;模態編輯的終極實踐1.2 高效導航&#xff1a;超越方向鍵的移動藝術1.3 定制化開發環境&#xff1a;從基礎到專業IDE1.4 調試集成&#xff1a;Vim作為調試前端 二、GCC/G&#xff1a;Linux編譯基石…

阿里云-spring boot接入arms監控

目標&#xff1a;在ecs中啟動一個java應用&#xff0c;且攜帶arms監控 原理&#xff1a;在java應用啟動時&#xff0c;同時啟動一個agent探針&#xff0c;時刻監控java應用變化&#xff08;如&#xff1a;接口調用、CPU、線程池狀態等&#xff09; 1.arms接入中心添加java應用…

昆泰芯3D霍爾磁傳感器芯片在汽車零部件中的應用

HUD即抬頭顯示系統&#xff08;Head-Up Display)&#xff0c;HUD 是一種將重要的車輛或飛行等相關信息(如速度、導航指示、警告信息等)投射到駕駛員或操作員前方視野范圍內的透明顯示屏或直接投射到風擋玻璃上的技術。 HUD即抬頭顯示系統&#xff08;Head-Up Display)&#xff…

new Vue() 的底層工作原理

當你調用 new Vue() 時&#xff0c;Vue.js 會執行一系列復雜的初始化過程。讓我們深入剖析這個看似簡單的操作背后發生的事情&#xff1a; 1. 初始化階段 (1) 內部初始化 function Vue(options) {if (!(this instanceof Vue)) {warn(Vue is a constructor and should be cal…

最簡安裝SUSE15SP7導致大部分命令缺失

我嘞個去~~~明明選擇Enable了ssh&#xff0c;結果也沒給裝。 俺習慣使用NetworkManager管理網絡&#xff0c;沒給裝&#xff0c;用不了nmcli和nmtui。不高興歸不高興&#xff0c;最簡安裝的話&#xff0c;也情有可原。我嘞個去去~~連ping、vi都沒有裝&#xff0c;這也太簡了。…

Vue-14-前端框架Vue之應用基礎嵌套路由和路由傳參

文章目錄 1 嵌套路由1.1 News.vue1.2 Detail.vue1.3 router/index.ts2 路由傳參2.1 query參數2.1.1 News.vue(傳遞參數)2.1.2 Detail.vue(接收參數)2.2 params參數2.2.1 router/index.ts(需要提前占位)2.2.2 News.vue(傳遞參數)2.2.3 Detail.vue(接收參數)2.3 props配置2.3.1 r…