Skip to content

VSCode 编辑器插件整理

语言包:

  • Chinese -- VS Code 的汉化包

主题:

  • Material Theme Icons -- 修改文件图标的插件。
  • VSCode Great Icons -- 另一个修改文件图标的插件。

格式化+代码补全:

  • ESLint -- Integrates ESLint
  • Vetur -- A vue tooling
  • Prettier -- Format your JavaScript / TypeScript / CSS
  • minapp -- 微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
  • JS-CSS-HTML Formatter -- This extension wraps js-beautify to format your JS, CSS, HTML, JSON file.
  • Auto Rename Tag -- 自动修改标签名,重命名一个开始标签时,自动重命名配对的结束标签。
  • vetur / volar -- volar 是跟 vue3 更配的,功能也能多。

注释高亮+缩进提示:

  • indent-rainbow -- 代码缩进颜色块
  • Rainbow Brackets -- 高亮括号颜色提示缩进
  • Highlight Matching Tag -- 配对的标签就会出现下划线来指示你谁和谁是一对。
  • TODO Hightlight -- 高亮注释,TODO:FIXME:
  • Better Comments -- 可以根据不同种类的注释,显示不同的颜色,一目了然。
  • javascript console utils -- 按 ctrl + shift + L 就可以生成了。
  • Turbo Console Log -- 可以添加自己喜欢的 emoji 表情,快捷键 ctrl + alt + L

Git 工具:

  • GitLens -- 超级强大的 git 工具
  • Git Commit With Emoji Icon -- 提交代码前的 emoji 标记

插件:

  • Markdown Preview Enhanced -- Markdown 语法预览。
  • open in browser -- 在浏览器中打开 html 文件。
  • Postcode -- 在 vscode 里面使用 postman 。

AI:

  • Cody -- 了解您整个代码库的人工智能。
  • 通义灵码 -- 阿里云出品的一款基于通义大模型的智能编码辅助工具。

有趣的插件:

  • Power Mode -- 按下键盘,烟花等特效。
  • Windows opacity -- 窗口添加透明度,摸鱼专用。
  • 小霸王 -- 游戏有风险,摸鱼需谨慎!
  • Emoji -- 在代码中按 f1(windows) 添加 emoji 表情。