基于VSCode安装Node.js开发环境

根据官网介绍,Node.js 是一个免费的、开源的、跨平台的JavaScript实时运行环境,允许开发人员在浏览器之外编写命令行工具和服务器端脚本.

Node.js框架由于是采用JavaScript语法进行调用的,因此Node.js环境除了用来编写调试Node.js代码,也可以用来编写调试原生的JavaScript代码。

Step.01:Node.js环境安装

1.在Node.js官网下载msi文件:

下载地址:Node.js --- Download

假定安装路径在:D:Program Files odejs

Node.js安装包自带npm工具。

2.检查Node.js是否安装成功:

打印node.js版本号: node -v

打印npm版本号:npm -v

3.Node.js环境变量配置:

修改npm包和node.js缓存的存储路径:

复制代码
npm config set cache "D:Program Files
odejs
ode_cache"
npm config set prefix "D:Program Files
odejs
ode_packages"

把镜像源改为国内:

复制代码
npm config set registry http://registry.npm.taobao.org

查看当前镜像源:

复制代码
npm config get registry

查看npm当前安装的依赖包:

复制代码
npm list

安装一个npm包试试:

Step.02:在VSCode上简易配置Node.js开发环境

打开一个JavaScript脚本文件Demo.js,然后打开VSCode界面上的"运行和调试"界面选择"Node.js"。

Step.03:去官网找一个Node.js的demo代码运行

官网地址:Node.js简介

Demo:

利用node.js搭建一个简单的服务

复制代码
const http = require('http');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World
');
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

运行结果:

控制台打印"Server running at http://127.0.0.1:3000/"

验证Node.js服务程序:

打开浏览器,输入服务器IP地址:http://127.0.0.1:3000/

在cmd界面用curl工具输入"curl http://127.0.0.1:3000/"

相关推荐
万敏2 小时前
Vue3 全栈实战第四周:watch、nextTick、性能优化与 keep-alive 实战记录
vue.js·node.js·全栈
2601_960906726 小时前
AI研发加速中式及泛亚洲
人工智能·vscode·macos·sublime text·phpstorm
啦啦啦!7 小时前
虚拟机如何接入Codex并配置中转站(vscode插件版)
linux·vscode·ubuntu·编辑器
骇客野人7 小时前
IntelliJ IDEA 菜单中英对照
java·ide·intellij-idea
濮水大叔1 天前
为什么 AI 最擅长 React/Next.js,却很少看到真正好用的 Next.js 开源项目?
react.js·node.js·next.js
不喝水的鱼儿1 天前
本地部署 260K 上下文 Qwen-3.6-35B-A3B 与 Ornith-1.0-35B 模型及 VSCode Copilot 参数调优记录
ide·vscode·语言模型·copilot·llama
AI行业学习1 天前
Claude Code + cc-switch + Git + Node.js 全套下载+安装+配置完整版
开发语言·git·python·前端框架·node.js·html·notepad++
骇客野人1 天前
VSCode 安装 Trae(Trae AI: Coding Assistant)完整教程
ide·vscode·编辑器
骇客野人1 天前
IDEA 安装 Trae(TRAE AI: Coding Assistant)完整步骤
java·ide·intellij-idea
2501_915921431 天前
SwiftUI开发框架入门指南:从基础到实战
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程