尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

深入解析:Nodejs开发环境搭建

深入解析:Nodejs开发环境搭建
📅 发布时间:2026/6/21 21:31:46

深入解析:Nodejs开发环境搭建

一、下载安装Node.js

1. 官网下载

  • 访问 Node.js官网
  • 推荐下载 LTS(长期支持)版本,稳定性更好

2. 安装

  • Windows/macOS:下载 .msi 或 .pkg 安装包,双击安装,按提示完成
  • Linux:
    • Ubuntu/Debian:
      curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
      sudo apt-get install -y nodejs
    • CentOS/RHEL:
      curl -fsSL https://rpm.nodesource.com/setup_lts.x | sudo bash -
      sudo yum install -y nodejs

二、验证安装

打开命令行/终端,输入:

node -v
npm -v

如果能显示版本号,说明安装成功。


三、推荐安装工具

1. Node Version Manager (nvm)

用于管理多个Node.js版本,推荐开发者使用。

  • Linux/macOS:
    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
    source ~/.bashrc  # 或 ~/.zshrc
    nvm install --lts
    nvm use --lts
  • Windows:推荐使用 nvm-windows

四、安装开发工具

1. VS Code 编辑器

  • 下载地址:VS Code官网
  • 推荐安装插件:ESLint、Prettier、Node.js Extension Pack

2. 常用npm包

  • 初始化项目:
    mkdir myproject
    cd myproject
    npm init -y
  • 安装常用包(如express):
    npm install express

五、Hello World示例

创建 app.js 文件,写入:

console.log('Hello, Node.js!');

运行:

node app.js

六、常见问题

  • 环境变量未生效:重启终端或电脑
  • npm安装慢:可切换淘宝镜像 npm config set registry https://registry.npmmirror.com
  • 权限问题:Linux下可用 sudo 或调整文件夹权限

总结

  1. 下载并安装Node.js
  2. (可选)安装nvm管理Node.js版本
  3. 安装VS Code等开发工具
  4. 使用npm初始化和管理项目
  5. 编写并运行Node.js代码

七、VS Code开发Nodejs

1. 安装 VS Code

  • 官网下载:https://code.visualstudio.com/
  • 安装完成后,打开 VS Code。

2. 安装 Node.js

  • 按照前面的步骤,确保你的电脑已经安装了 Node.js,并能在终端输入 node -v 和 npm -v 得到版本号。

3. 安装常用插件

在 VS Code 左侧扩展市场(方块图标)搜索并安装:

  • ESLint(代码规范检查)
  • Prettier(代码格式化)
  • Node.js Extension Pack(一组Node相关插件)
  • Debugger for Chrome/Edge(调试前端时用)

4. 创建 Node.js 项目

  1. 打开 VS Code,选择“文件”→“打开文件夹”,新建或打开你的项目文件夹。
  2. 打开终端(菜单栏“终端”→“新建终端”),输入:
    npm init -y
    这样会生成 package.json 文件。

5. 编写代码

新建一个 app.js 文件,写入如下代码:

console.log('Hello, Node.js!');

或者一个简单的 HTTP 服务:

const http = require('http');
const server = http.createServer((req, res) => {res.end('Hello, Node.js!');
});
server.listen(3000, () => {console.log('Server running at http://localhost:3000/');
});

6. 运行和调试代码

运行

  • 在 VS Code 的终端输入:
    node app.js
  • 看到输出即运行成功。

调试

  1. 点击左侧“运行和调试”(小虫子图标)。
  2. 点击“创建一个 launch.json 文件”,选择“Node.js”环境。
  3. 设置断点(在代码行号左侧点一下)。
  4. 点击“运行”按钮(绿色三角),即可进入调试模式,断点会自动停下,可以查看变量、堆栈等。

7. 自动保存和格式化

  • 在设置中搜索 format on save,勾选,可以保存时自动格式化代码。
  • 配合 Prettier/ESLint 插件,代码风格更统一。

8. 安装第三方包

比如你要用 Express 框架,可以在终端输入:

npm install express

然后在代码中引用:

const express = require('express');
const app = express();
app.get('/', (req, res) => res.send('Hello Express!'));
app.listen(3000, () => console.log('Server started'));

9. 推荐技巧

  • 多用 VS Code 的智能提示(Ctrl+Space)
  • 用“终端”直接运行命令,无需切换窗口
  • 用 Git 插件管理代码版本
  • 用“文件搜索”(Ctrl+Shift+F)快速定位代码

总结流程

  1. 安装 VS Code 和 Node.js
  2. 安装相关插件
  3. 新建项目文件夹并初始化
  4. 编写、运行、调试代码
  5. 安装第三方包和管理依赖

相关新闻

  • 项目管理:PERT/CPM
  • 可信AI研究获资助,10位博士生探索算法公平与隐私
  • 实用指南:【在Ubuntu 24.04.2 LTS上安装Qt 6.9.2】

最新新闻

  • DDrawCompat:5分钟解决Windows经典游戏兼容性问题的终极方案
  • MPC56x Nexus调试实战:从READI模块配置到复杂时序问题定位
  • Prompt Caching原理与生产级落地实战指南
  • Java调用Google搜索的原理与安全实践
  • HYPERHEURIST框架:融合模拟退火与LLM的RTL硬件设计优化新范式
  • 基于LCU API的英雄联盟客户端工具包技术深度剖析:5大创新架构设计

日新闻

  • 2026速览惠州叛逆青少年学校前十大排名名单出炉 - 武汉中职最新信息发布
  • 2026上饶白蚁消杀哪家好?15年本土2大权威白蚁防治公司推荐(金盾虫控/青蚁卫士) - 我叫一
  • 天龙八部单机版终极数据管理工具:5个技巧快速掌握游戏数据编辑

周新闻

  • Visual C++运行库修复终极指南:5分钟快速解决Windows软件启动错误
  • 手把手教你构建统计局地区经济数据爬虫:从环境搭建到数据持久化全指南
  • 2026多Agent深度解析:用AI团队替代单一模型,四种架构实战落地

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号