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

相关推荐
庞囧3 小时前
通俗易懂讲 React 原理-第二集:Fiber
前端
qyhua3 小时前
从零部署自维护版 Uptime Kuma:Node.js + PM2 + Nginx 全链路实战指南
运维·nginx·node.js
beckyye3 小时前
给web增加简单的ai对话功能
前端·ai·通义千问·qwen
青衫码上行4 小时前
【Java Web学习 | 第1篇】前端 - HTML
java·前端·学习
元直数字电路验证4 小时前
HTML 标签及推荐嵌套结构
前端·javascript·html
charlie1145141914 小时前
HTML 理论笔记
开发语言·前端·笔记·学习·html·1024程序员节
知识分享小能手4 小时前
uni-app 入门学习教程,从入门到精通,uni-app 企业项目实战:鲁嗑瓜子项目开发知识点(9)
前端·javascript·学习·微信小程序·小程序·uni-app·vue
阿金要当大魔王~~4 小时前
uniapp img 动态渲染 的几种用法
java·服务器·前端·1024程序员节
one.dream4 小时前
用webpack 插件实现 img 图片的懒加载
前端·webpack·node.js