如何使用vscode和express开发node.js

一、安装(按步骤)

1、安装 express-generator(全局工具)

首先确保你的电脑已安装 express-generator(如果之前没装过)。

在 VS Code 中打开终端,执行以下命令:

bash 复制代码
npm install -g express-generator

2、在 VS Code 终端中生成项目

在 VS Code 终端中,执行命令:

bash 复制代码
express --no-view my-nodejs

--no-view:表示不需要任何视图模板(专门用来做后端接口)

  • 这条命令会在当前目录下生成名为 my-nodejs 的项目文件夹。

3、安装项目依赖

项目生成后,用VS Code中打开这个项目文件夹,然后在终端中执行命令(确保已在 my-nodejs 目录下):

bash 复制代码
npm install

这会安装 package.json 中声明的所有依赖(如 expressmorgan 等)。

4、启动项目

依赖安装完成后,执行启动命令:

bash 复制代码
npm start

此时服务器会在 http://localhost:3000 启动,可以在浏览器或 API 工具(如 VS Code 插件 REST Client)中测试接口。

二、其他配置(可选)

1、实时刷新

node.js并不会实时监听代码的修改,在更改后要重新运行命令才能看到效果,如果要实时看到代码修改后的效果需要安装nodemon

① 执行命令:

bash 复制代码
npm start

② 修改package.json文件里的运行命令

bash 复制代码
  "scripts": {
    "start": "nodemon ./bin/www"
  },

2、提示信息(即运行后看到的结果)改为json格式

① 打开routes/index.js文件,代码修改如下:

bash 复制代码
router.get("/", function (req, res, next) {
  res.json({ message: "Express" });
});

② 将public文件夹里的index.html文件删掉

相关推荐
之歆1 分钟前
Day07_CSS盒子模型 · 样式继承 · 用户代理样式
前端·css
DanCheOo17 分钟前
AI 应用的安全架构:Prompt 注入、数据泄露、权限边界
前端·人工智能·prompt·安全架构
We་ct1 小时前
深度剖析浏览器跨域问题
开发语言·前端·浏览器·跨域·cors·同源·浏览器跨域
weixin_427771612 小时前
前端调试隐藏元素
前端
爱上好庆祝3 小时前
学习js的第五天
前端·css·学习·html·css3·js
C澒3 小时前
IntelliPro 产研协作平台:基于 AI Agent 的低代码智能化配置方案设计与实现
前端·低代码·ai编程
一袋米扛几楼983 小时前
【Git】规范化协作:详解 GitHub 工作流中的 Issue、Branch 与 Pull Request 最佳实践
前端·git·github·issue
网络点点滴3 小时前
前端与后端的区别与联系
前端
EnCi Zheng4 小时前
M5-markconv自定义CSS样式指南 [特殊字符]
前端·css·python
kyriewen4 小时前
你的网页慢,用户不说直接走——前端性能监控教你“读心术”
前端·性能优化·监控