推荐一些前端相关的vscode插件
摘要(由ai生成)
推荐多个实用的VSCode插件,包括开发工具、主题美化、代码优化等类别,提升开发效率和编辑器体验。
和语言相关的就不推荐了,感觉大部分人都有安装。
vscode、cursor、trae、windsurf 等编辑器都可以使用。
1. 开发
1.1. File Nesting Updater - Visual Studio Marketplace
自动同步并更新他维护的文件嵌套配置,让文件资源管理器更整洁。
1.2. Turbo Console Log - Visual Studio Marketplace
快速生成有意义(可以看到文件的行数、函数名称、变量名称)的日志,一键删除添加的 log。
1.3. Pretty TypeScript Errors - Visual Studio Marketplace
让 TypeScript 报错变得更易读,可以直接跳转去 ts 的条目便于理解报错。

1.4. JSON to TS - Visual Studio Marketplace
快速把 json 转化为 ts 的类型
1.5. Error Lens - Visual Studio Marketplace
直接在行内显示报错、告警信息
1.6. Better Comments - Visual Studio Marketplace
针对不同的注释类型展示不同的样式

1.7. Inline Parameters for VSCode
用来在函数调用处显示参数名称的内联提示。
2. 主题
2.1. Symbols 图标
https://marketplace.visualstudio.com/items?itemName=miguelsolorio.symbols
2.2. Vibrancy Continued - Visual Studio Marketplace
影响性能还会报 xx 编辑器已损坏,慎用(只是为了尝鲜可以试试)
3. 其他
3.1. WakaTime - Dashboards for developers
记录代码时长

4. 非 vscode 无法使用 vscode 市场如何下载
vscode 关闭了离线下载的功能,且不允许非 vscode 使用它的源,这些非 vscode 都是使用的镜像源来下载插件的,所以可能存在一些插件无法下载的情况。 可以使用 扣子 的这个 agent,输入标识符 Unique Identifier 来下载离线文件。