VS Code 前端常用插件整理

编程知识行业动态更新时间:2024-06-13 00:21:23

文章目录

- VS Code 前端常用插件整理
- - - 代码补全
    - 代码格式化
    - 高亮显示
    - 版本控制
    - 其他

VS Code 前端常用插件整理

Visual Studio Code （简称 VS Code / VSC）是 Microsoft 为 Windows，Linux 和 macOS 开发的源代码编辑器。它支持调试，嵌入式 Git 控件，语法突出显示，智能代码补全，代码片段和代码重构。同时也是支持自定义的，开发者可以更改编辑器的主题，键盘快捷键和首选项，拥有强大的拓展能力。

这里主要说一下前端常用插件，可根据自己的需求进行选择。

代码补全

HTML Snippets，支持 HTML5 标签提示补全。
JavaScript (ES6) snippets，支持 JavaScript ES6 语法代码的补全。
jQuery Code Snippets，　jQuery 代码片段的提示。
HTML CSS support，CSS 自动补齐。
Auto Rename Tag，自动重命名配对的 HTML / XML 标签。
IntelliSense for CSS class names in HTML，为HTML class 属性提供 CSS 类名称提示。

代码格式化

Csscomb，css 、less、sass 的代码格式化。
JS-CSS-HTML Formatter，JavaScript，HTML，CSS 代码格式化。
快捷键，Shift+Alt+F

高亮显示

Bracket Pair Colorizer，高亮连接显示匹配的括号。
Color Highlight，在编辑器中高亮显示颜色。

版本控制

Git Easy，增加了 vscode 中自带的 git 操作，安装后按 F1 调出控制台，输入 git easy [options] 完成 git 操作，代替 git bash。
**Git Lens **，查看 git 日志以及图表和详细信息，查看文件的历史记录（Git 日志）以及修改者信息。