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

相关推荐
Pony_1820 小时前
面试 - web ui 自动化
前端·ui·自动化
EndingCoder20 小时前
接口基础:定义对象形状
linux·运维·前端·javascript·typescript
passerma20 小时前
解决qiankun框架子应用打包后css里的图片加载404失败问题
前端·微前端·qiankun
Aliex_git21 小时前
性能优化 - Vue 日常实践优化
前端·javascript·vue.js·笔记·学习·性能优化
董世昌4121 小时前
添加、删除、替换、插入元素的全方法指南
java·开发语言·前端
qq_3168377521 小时前
Element-Plus el-table lazy 自动更新子列表
前端·vue.js·elementui
xiaoxue..21 小时前
把大模型装进自己电脑:Ollama 本地部署大模型完全指南
javascript·面试·node.js·大模型·ollama
林恒smileZAZ21 小时前
Electron 的西天取经
前端·javascript·electron
这就是佬们吗21 小时前
告别 Node.js 版本冲突:NVM 安装与使用全攻略
java·linux·前端·windows·node.js·mac·web
IT_陈寒21 小时前
2024年JavaScript开发者必备的10个ES13新特性实战指南
前端·人工智能·后端