Issue #67

推荐一些前端相关的vscode插件人工主写

近 30 天0 次浏览0 位访客统计截至 2026-10-19 · GA4

和语言相关的就不推荐了,感觉大部分人都有安装。
vscode、cursor、trae、windsurf 等编辑器都可以使用。

1. 开发

1.1. File Nesting Updater - Visual Studio Marketplace

自动同步并更新他维护的文件嵌套配置,让文件资源管理器更整洁。

Pasted image 20251020141840

1.2. Turbo Console Log - Visual Studio Marketplace

快速生成有意义(可以看到文件的行数、函数名称、变量名称)的日志,一键删除添加的 log。

IMG-8BE5636A37F380C6C86B708C0C2BD3AD

1.3. Pretty TypeScript Errors - Visual Studio Marketplace

让 TypeScript 报错变得更易读,可以直接跳转去 ts 的条目便于理解报错。 IMG-B938B0F373C7753BD8D87DDBC89341B3

1.4. JSON to TS - Visual Studio Marketplace

快速把 json 转化为 ts 的类型

1.5. Error Lens - Visual Studio Marketplace

直接在行内显示报错、告警信息

IMG-509CA7645B9A6ADCA902128F8A22C777

1.6. Better Comments - Visual Studio Marketplace

针对不同的注释类型展示不同的样式 IMG-F5711D684B9A167E973583F479F4E5CF

1.7. Inline Parameters for VSCode

用来在函数调用处显示参数名称的内联提示。

IMG-8F7FDFC33C5E909EBAC0A635E444B553

2. 主题

2.1. Symbols 图标

https://marketplace.visualstudio.com/items?itemName=miguelsolorio.symbols

IMG-6A98552CAB5B5E5F85C1FA4EDEAFB900

IMG-B02157769E89B2ED3FC6C805D4520B47

2.2. Vibrancy Continued - Visual Studio Marketplace

影响性能还会报 xx 编辑器已损坏,慎用(只是为了尝鲜可以试试)

3. 其他

3.1. WakaTime - Dashboards for developers

记录代码时长 IMG-3C2F5219C3F196F6E60542674C31DE29

4. 非 vscode 无法使用 vscode 市场如何下载

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

Pasted image 20251020162148

引用链接

  1. File Nesting Updater - Visual Studio Marketplace
  2. Turbo Console Log - Visual Studio Marketplace
  3. Pretty TypeScript Errors - Visual Studio Marketplace
  4. JSON to TS - Visual Studio Marketplace
  5. Error Lens - Visual Studio Marketplace
  6. Better Comments - Visual Studio Marketplace
  7. Inline Parameters for VSCode
  8. https://marketplace.visualstudio.com/items?itemName=miguelsolorio.symbols
  9. Vibrancy Continued - Visual Studio Marketplace
  10. WakaTime - Dashboards for developers
  11. 扣子

讨论

0 条留言

去 GitHub 留言 ↗

还没有留言,欢迎来打个招呼。

回到顶部