VSCode扩展插件
本次项目用
Live Server(实时预览网页)
:Launch a development local Server with live reload feature for static & dynamic pages
Prettier(代码格式化工具)
- Code formatter:Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
Material Icon Theme:图标主题插件
Material Theme Italicize:编辑器主题插件
A fork of vsc-material-theme introducing syntactical sugar (like italicizing keywords)
JavaScript Debugger (Nightly) ------ 浏览器原生「通用调试万能工具」
Nightly 指浏览器夜间版(比如 Firefox Nightly、Chrome Canary)内置的 JS 调试器,是浏览器官方开发的原生核心工具;
它是所有 JS 调试的基础通用工具,无项目、框架限制,是浏览器开发者工具(F12)中「调试器(Debugger)」面板的核心组件。
DotENV:配置文件
高亮显示 .env文件中的环境变量,避免配置错误。
cors
【插件】cors:vscode cors 扩展 - 解决跨域开发最终版
推荐
ES6 Mocha Snippets
提供 ES6 语法和 Mocha 测试框架的代码片段,加速开发。
MongoDB for VS Code
直接在 VS Code 中连接和管理 MongoDB 数据库,支持查询和数据预览。
REST Client 或 Thunder Client
用于测试 API 接口(适合您的 Express 后端),无需离开编辑器。
GitLens
增强 Git 功能,显示代码作者、提交历史等,便于协作。
Auto Rename Tag
自动重命名配对的 HTML/XML 标签,前端开发时实用。
Bracket Pair Colorizer
为括号匹配添加颜色,提高代码可读性。
Prettier & ESLint
代码格式化(Prettier)和语法检查(ESLint),保持代码风格一致。
DotENV
高亮显示 .env文件中的环境变量,避免配置错误。
JavaScript (ES6) code snippets
提供常用的 JavaScript 代码片段,减少重复输入。
Auto Close Tag
自动闭合 HTML 标签,前端开发必备。
Node.js
node.js安装教程
https://www.runoob.com/nodejs/nodejs-install-setup.html
PowerShell执行脚本安装
1. 以管理员身份打开 PowerShell
2. 搜索 Node.js
winget search nodejs
3. 安装 Node.js LTS 长期支持版
winget install OpenJS.NodeJS.LTS
--管理员身份重新启动CMD命令行 执行下面命令
4. 验证安装
node --version
npm --version
NPM包安装
安装node.js包
安装最新兼容版本(推荐)
npm install express@^4.18.2
或者简写为
npm i express@^4.18.2
命令行单个安装
C:\Windows\System32>npm install express@^4.18.2
added 68 packages in 10s
12 packages are looking for funding
run `npm fund` for details
npm notice
npm notice New minor version of npm available! 11.6.2 -> 11.8.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v11.8.0
npm notice To update run: npm install -g npm@11.8.0
npm notice
C:\Windows\System32>
常用项目依赖(dependencies)
核心框架和服务器
express(^4.18.2) - Node.js Web 应用程序框架
用于构建 RESTful API 服务器
数据库相关
mongoose(^6.6.6) - MongoDB 对象建模工具(ODM)
用于在 Node.js 中操作 MongoDB 数据库
安全和认证
bcrypt(^5.1.0) - 密码哈希加密库
用于安全存储用户密码
jsonwebtoken(^8.5.1) - JSON Web Token 实现
用于生成和验证 JWT 令牌
passport(^0.6.0) - 认证中间件
提供灵活的认证策略
passport-jwt(^4.0.0) - Passport 的 JWT 策略
用于 JWT 身份验证
passport-local(^1.0.0) - Passport 的本地策略
用于用户名/密码本地认证
其他工具和中间件
cors(^2.8.5) - 跨域资源共享中间件
允许前端应用跨域访问 API
dotenv(^16.0.3) - 环境变量管理
从 .env文件加载配置
joi(^17.6.3) - 数据验证库
用于验证请求数据、配置文件等