什么是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…