VSCode好用的插件

1、Chinese (Simplified) (简体中文) Language Pack(汉化vscode 必备)

在这里插入图片描述

2、Bracket Pair Colorizer(给代码中的括号添加亮色,便于区分)

在这里插入图片描述

3、Auto Close Tag(自动补全标签,必备)

在这里插入图片描述

4、Auto Rename Tag (修改标签名,自动同步修改闭合标签的标签名,必备)

在这里插入图片描述

5、open in browser(用 vscode 写 html 相关代码的时候,可以下载这个插件,可以使用快捷键 Alt+B 打开默认浏览器,访问页面内容)

在这里插入图片描述

6、Vetur(如果写 Vue 项目,可以安装,可以高亮 Vue 代码,格式化代码等)

在这里插入图片描述

7、beautify

格式化代码工具

美化 javascriptJSONCSSSassHTML 在 Visual Studio 代码。

在这里插入图片描述

8、vscode-icons

显示 Visual Studio 代码的图标,目前该插件已被 vscode 内部支持:“文件” -> “首选项” -> “文件图标主题”

9、guides

显示代码对齐辅助线,很好用

在这里插入图片描述

10、Path Intellisense

可自动填充文件名。

在这里插入图片描述

11、HTML Snippets

完整的HTML代码提示,包括HTML5

在这里插入图片描述

12、HTML CSS Support

在 html 标签上写 class 智能提示 css 样式

在这里插入图片描述

13、VueHelper

snippet代码片段

在这里插入图片描述

14、VS Code JavaScript(ES6) snippets

当前最流行的,已有超过 120 万的下载量。这个插件为 JavaScript、TypeScript、HTML、React 和 Vue 提供了 ES6 的语法支持;
在这里插入图片描述

15、Path Autocomplete

路径补全工具

在这里插入图片描述

【参考文献】

  1. vscode好用的插件
  2. VS Code常用插件
  3. VScode插件推荐(全面)
  4. 16个vscode插件提升你的开发效率

在这里插入图片描述
微信扫描二维码,关注前端老L

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>