惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

G
Google Developers Blog
WordPress大学
WordPress大学
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
小众软件
小众软件
人人都是产品经理
人人都是产品经理
美团技术团队
Blog — PlanetScale
Blog — PlanetScale
S
SegmentFault 最新的问题
博客园 - 【当耐特】
V
V2EX
Microsoft Azure Blog
Microsoft Azure Blog
博客园 - 叶小钗
Google DeepMind News
Google DeepMind News
量子位
罗磊的独立博客
月光博客
月光博客
N
Netflix TechBlog - Medium
大猫的无限游戏
大猫的无限游戏
博客园_首页
P
Proofpoint News Feed
Jina AI
Jina AI
云风的 BLOG
云风的 BLOG
博客园 - 司徒正美
腾讯CDC

博客园 - CharyGao

IntelliJ IDEA 从卡顿到起飞,只用改这些。。。 Spring 解决循环依赖为什么需要三级缓存,而不是两级缓存? SpringBoot服务优雅停机 Java 对接全球股票实时报价:高可用架构与异常处理 OpenAI Codex AI降智解决方案, 原因解析与系统提示词修改指南 OpenClaw vs Coze/Dify/n8n 帮你半小时内选对合适的AI Skills 热潮过去后,我重新理解了 AI Agent 的方向 智读致用|《埃隆之书》 《一人企业》 一人公司:The Agency 免费“雇佣“144个AI专家,虚拟团队走进现实 用微软Agent Framework打造智能博客生成系统+AI智能体军团 告别加班(第二期):月报还是Word排版?本地AI解您愁 居然可以在 Claude 桌面端用三方模型了! Claude Code 每次启动都要确认权限?一行配置永久解决 98.5% 的人都不知道:SSH 居然还有个“隐藏菜单” 强程序员在 AI 时代的赚钱路径 骚操作来了!Claude编程的42个实战技巧大全 面试官:“简历写着熟练使用 Claude Code,连 simplify 代码审查命令都不知道!”,我:“那又如何呢?” SpringBoot+ResponseBodyEmitter异步流式推送神技 加密后的数据如何进行模糊查询? 最适合新手安装的10个小龙虾🦞 skills来了! 周末和孩子必看的亲子电影合集,陪伴孩子成长的每一步 拒绝代码泄露与“屎山”迷航:GitNexus纯本地知识图谱+可视化关系网,引发GitHub 8800星狂欢 还原BatchEncryption(201610版本)混淆的批处理文件 用上这个Skill,你的Claude Code/Codex 将会比别人快5倍 -- 用分布式思维驯服AI任务编排 vscode中claude code插件代理地址设置 2026新手必学:GPT-5.5高效提示词指南 解决 URLEncoder.encode 编码空格变 + 号 Springboot通过谷歌Kaptcha 组件,生成图形验证码 HTTP 与 SpringBoot 参数提交与接收协议方式
前端项目中定义vs code要安装的插件
charygao1990 · 2026-05-06 · via 博客园 - CharyGao

我来帮你在前端项目中定义 VS Code 需要安装的插件。有两种主要方式:

在项目根目录创建 .vscode 文件夹,然后创建 extensions.json 文件:

{
  "recommendations": [
    // 基础开发插件
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode",
    "ms-vscode.vscode-typescript-next",
    
    // CSS/样式插件
    "mrmlnc.vscode-scss",
    "eamodio.gitlens",
    
    // 框架相关插件
    "vuevolar",
    "angularng-template",
    "msjsdiag.vscode-react-native",
    
    // 实用工具
    "streetsidesoftware.code-spell-checker",
    "formulahendryauto-close-tag",
    "formulahendryauto-rename-tag",
    
    // 调试工具
    "ms-vscode.js-debug-nightly",
    "ms-vscode.vscode-live-server"
  ]
}

在 package.json 中添加:

{
  "devDependencies": {
    // 现有的依赖...
    
    // VS Code 插件推荐
    "vscode-eslint": "^210",
    "prettier-vscode": "^900",
    "volar": "^100",
    "code-spell-checker": "^2200"
  }
}
{
  "recommendations": [
    // 代码质量
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode",
    
    // Git 集成
    "eamodio.gitlens",
    "donjayamanne.githistory",
    
    // 代码提示
    "visualstudioexptteam.vscodeintellicode",
    "streetsidesoftware.code-spell-checker",
    
    // HTML/CSS
    "formulahendryauto-close-tag",
    "formulahendryauto-rename-tag",
    "ecmel.vscode-html-css",
    
    // 框架支持
    "vuevolar",
    "msjsdiag.vscode-react-native",
    "angularng-template"
  ]
}
  • ESLint: 代码质量检查
  • Prettier: 代码格式化
  • GitLens: Git 增强功能
  • Auto Close Tag: 自动关闭标签
  • Code Spell Checker: 拼写检查
  • Volar/React Native/Angular: 框架特定支持

当团队成员打开项目时,VS Code 会提示安装这些推荐的插件,确保开发环境一致性。