VScode 插件整理- 紀錄其他大大推薦的插件

版權聲明

本篇是將文章內容整理濃縮，作為學習之用，下文會一一附上原文連結，如有侵權，經告知之後會立即撤下

筆記

這篇是把我會用的插件集結起來

12 個前端愛用的 VSCode 擴充套件

12 個前端愛用的 VSCode 擴充套件

• Better Comment
• Bracket Pair Colorizer
  • 已經內建到 VS
• indent-rainbow
• Prettier
• VSCode 中文化
• Code Spell Checker
• Live Server
• favorites
  • 能夠讓將專案中的特定檔案、資料夾存到我的最愛
• Polacode
  • 快速產生用於貼文的圖片
• Import Cost
  • 計算  @import  或  require  的外部資源尺寸

VS Code 必备插件推荐

VS Code 必备插件推荐-阿里云开发者社区

• Auto Close Tag 自动添加 HTML / XML 关闭标签

• Auto Rename Tag 自动重命名配对的 HTML / XML 标签

• HTML Snippets 代码自动填充

• Image Preview 鼠标移到路径里显示图像预览

• Debugger for Chrome 前端调试, 查看使用方法

• ESLintEsLint 可以帮助我们检查 Javascript 编程时的语法错误。

• Git History 以图表的形式查看 git 日志

• JavaScript (ES6) code snippetses6 代码片段

• SVG Viewer 此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序

• VeturVue 语法高亮显示, 语法错误检查, 代码自动补全

• vscode-fileheader 顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时間

10 款 VS Code 插件神器，第 7 款超级实用！

10 款 VS Code 插件神器，第 7 款超级实用！

• 1. Codelf
  • 命名
  • 它通过搜索 GitHub, Bitbucket, GitLab 来找到真实的使用变量名，为你提供一些高频使用的词汇，同时为你标明使用的语言、代码链接。

• local history

  • 每当我们保存更改时，它都会备份一份历史文件，当我们需要恢复之前版本时，只需要点击一下对应的文件即可。

• TODO Tree

  • 某块代码需要以后进一步完善，如果能够给它做一个标记，那么后续定位到对应位置是一件非常轻松高效的事情。
  • 可以实现标签高亮
    ，还可以在活动栏添加一个选项卡，它能够以不同视图展示我们标记的位置，

• vscode-icons

• Better Align

  • 代码的上下对齐
  • 它能够用冒号（：）、赋值（=，+=，-=，*=，/=）和箭头（=>）对齐代码。

• Partial Diff

  • 文件比较
    是一种即常用有实用的一项功能，例如，我们想查看哪里修改了代码、查看输出的日志信息有什么区别等等

• change-case

  • 驼峰轉下划线 反之也可以

VSCode 必裝套件

VSCode 必裝套件 - HackMD

• Chinese Lorem
• AutoFileName
• Git Graph

其他

Preview on Web Server

Preview on Web Server - Visual Studio Marketplace