如何使用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文件删掉

相关推荐
linux_cfan38 分钟前
17 · 引擎适配器全景:HLS/DASH/Vimeo/Mux/Cast
前端·javascript·音视频
计算机魔术师1 小时前
烧掉2780亿美元还不够?OpenAI的资本豪赌让人头皮发麻
前端
IT_陈寒2 小时前
Java线程池用错参数,我的服务居然悄悄崩溃了
前端·人工智能·后端
光影少年2 小时前
Express 中间件原理
后端·node.js·express
卡布鲁2 小时前
React useMemo 与 useCallback 完全指南:原理、场景与避坑
前端·react.js
碳基修炼2 小时前
排查记:本地 devServer 是 http,浏览器却把 302 重定向升级成了 https
前端·http
时速GEO系统2 小时前
初元 AI V1.1 版本升级,首个正式版发布一周・实现生成、部署、上线、优化全流程自动化闭环
人工智能·数据挖掘·node.js
步行cgn2 小时前
Spring p 命名空间注入详解
java·前端·spring
何何____3 小时前
Vue 生命周期详解
前端·javascript
江米小枣tonylua3 小时前
TypeScript 全面の拥抱 !Prisma 8 + Electron 升级实战
前端