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

相关推荐
华玥作者13 小时前
[特殊字符] VitePress 对接 Algolia AI 问答(DocSearch + AI Search)完整实战(下)
前端·人工智能·ai
Mr Xu_14 小时前
告别冗长 switch-case:Vue 项目中基于映射表的优雅路由数据匹配方案
前端·javascript·vue.js
前端摸鱼匠14 小时前
Vue 3 的toRefs保持响应性:讲解toRefs在解构响应式对象时的作用
前端·javascript·vue.js·前端框架·ecmascript
lang2015092814 小时前
JSR-340 :高性能Web开发新标准
java·前端·servlet
好家伙VCC15 小时前
### WebRTC技术:实时通信的革新与实现####webRTC(Web Real-TimeComm
java·前端·python·webrtc
未来之窗软件服务15 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气
前端·javascript·vue.js·仙盟创梦ide·东方仙盟·昭和仙君
嘿起屁儿整16 小时前
面试点(网络层面)
前端·网络
VT.馒头16 小时前
【力扣】2721. 并行执行异步函数
前端·javascript·算法·leetcode·typescript
phltxy17 小时前
Vue 核心特性实战指南:指令、样式绑定、计算属性与侦听器
前端·javascript·vue.js
Byron070718 小时前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js