VScode常用扩展包&Node.js安装及npm包安装

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)​ - 数据验证库

用于验证请求数据、配置文件等

相关推荐
曲幽1 小时前
FastAPI + Pydantic 模型终极实战手册:从能跑就行到固若金汤,这些技巧你一定用得上
python·fastapi·web·model·field·pydantic·validator·basemodel
zhensherlock5 小时前
Protocol Launcher 系列:Tally 快速计数器的深度集成
前端·javascript·typescript·node.js·自动化·github·js
L-影5 小时前
vscode安装SQLAlchemy步骤
ide·vscode·编辑器
无限进步_7 小时前
C++ 继承机制完全解析:从基础原理到菱形继承问题
java·开发语言·数据结构·c++·vscode·后端·算法
接着奏乐接着舞。9 小时前
【Node】用来处理CPU密集型任务的利器Worker Threads
node.js
不会敲代码110 小时前
RAG 进阶:从网页加载到智能文档分割
langchain·node.js
heyCHEEMS11 小时前
记录一下自动化构建中 SSE 与子进程管理的三个坑
javascript·node.js
福大大架构师每日一题11 小时前
openclaw v2026.4.21 更新:图像生成、权限安全、插件修复、Slack 线程、浏览器与 npm 安装全面优化
前端·安全·npm
Hy行者勇哥12 小时前
国内外与vscode类似的软件有哪些?国内那些软件可以平替?
ide·vscode·编辑器
π同学12 小时前
ESP-IDF+vscode开发ESP32第八讲——音频信号全解
vscode·esp32·i2s·音频信号