vscode的前端插件，加快编程速度

vscode的前端插件，加快编程速度

1.auto close tag

自动闭合html标签

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aAm0WeuK-1598933801894)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20200831100412825.png)]

2.auto rename tag

修改标签的时候，自动修改闭合标签

3.beautify

美化代码

4.Bracket Pair Colorizer

此扩展名允许匹配的括号用颜色标识。用户可以定义要匹配的字符以及要使用的颜色

5.Change Case README

一键绑定即可快速更改大小写

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lm5sY53G-1598933801898)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20200831100759069.png)]

6.Chinese (Simplified) Language Pack for Visual Studio Code

此中文（简体）语言包为 VS Code 提供本地化界面

7.Code Runner

运行多种语言的代码段或代码文件：C，C ++，Java，JavaScript，PHP，Python，Perl，Perl 6，Ruby，Go，Lua，Groovy，PowerShell，BAT / CMD，BASH / SH，F＃脚本，F＃（ .NET Core），C＃脚本，C＃（.NET Core），VBScript，TypeScript，CoffeeScript，Scala，Swift，Julia，Crystal，OCaml脚本，R，AppleScript，Elixir，Visual Basic .NET，Clojure，Haxe，Objective-C ，Rust，球拍，Scheme，AutoHotkey，AutoIt，Kotlin，Dart，Free Pascal，Haskell，Nim，D，Lisp，Kit，V，SCSS，Sass，CUDA，Less和自定义命令

8.Color Highlight

此扩展程序可样式化文档中找到的css / web颜色。

9.CSS Peek

该扩展支持符号定义跟踪的所有常规功能，但可用于CSS选择器（类，ID和HTML标记）。这包括：

• 速览：内联加载css文件并在那里进行快速编辑。（Ctrl+Shift+F12）
• 转至：直接跳至CSS文件或在新的编辑器（F12）中打开它
• 悬停：将定义悬停在符号（Ctrl+hover）上

此外，它还支持Symbol Provider，因此如果您已经知道类或ID名称，则可以快速跳转到正确的CSS / SCSS / LESS代码

10.Debugger for Chrome

用于在Google Chrome浏览器或其他支持Chrome DevTools协议的目标中调试JavaScript代码。

11.ESLint

代码规范

12.HTML Snippets

此扩展为VS Code的HTML标记添加了丰富的语言支持，包括：

• 完整的HTML5标签
• 显色
• 片段
• [部分实施]快速信息
• 说明中提到了标签是否已弃用

13.Image preview

在装订线悬停时显示图像预览

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-55RdhkWC-1598933801901)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20200831102756950.png)]

14.IntelliSense for CSS class names in HTML

• 自动完成在工作区中找到的CSS类定义（在CSS文件或“支持的语言模式”部分中列出的文件类型中定义）
• 支持通过linkHTML文件中的元素引用的外部样式表
• 手动重新缓存自动完成中使用的类定义的命令
• 用户设置以覆盖应在缓存过程中考虑或排除的文件夹和文件

15.language-stylus

• 语法高亮
• 符号提供者
• 选择器，属性，值，变量，函数等的完成。
• 色彩预览

16.Live Server

• 带有实时浏览器的Quick Development Live Server重新加载。
• 通过单击状态栏来启动或停止服务器。
• 从资源管理器菜单中打开HTML文件以浏览器。[ 快速Gif演示 ]。
• 支持排除文件以进行更改检测。
• 热键控制。
• 可自定义的端口号，服务器根目录，默认浏览器。

17.minapp

微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）

18.npm Intellisense

Visual Studio Code插件，可自动完成导入语句中的npm模块。

19.open in browser

使用Alt + B快捷方式在默认浏览器中打开当前html文件，或Shift + Alt + B选择一个浏览器。

20.Path Autocomplete

• 它支持相对路径（以./开头）
• 它支持工作空间的绝对路径（以/开头）
• 它支持文件系统的绝对路径（以C：开头）
• 它支持相对于用户文件夹的路径（以〜开头）
• 它通过path-autocomplete.excludedItems选项支持项目排除
• 它支持npm软件包（以az开头，而不是相对于磁盘）
• 选择文件夹后支持自动建议
• 它通过path-autocomplete.pathMappings选项支持自定义映射
• 它支持通过 path-autocomplete.transformations
• 它支持Windows路径 path-autocomplete.useBackslash

21.Path Intellisense

自动完成文件名的

22.Slack Theme

经典色彩主题

还有想象中的深色茄子经典版。

23.SQL Server (mssql)

• 连接到Microsoft SQL Server，Azure SQL数据库和SQL数据仓库。
• 创建和管理连接配置文件以及最近使用的连接。
• 使用IntelliSense编写T-SQL脚本，转到“定义”，T-SQL代码段，语法着色，T-SQL错误验证和GO批处理分隔符。
• 执行脚本并在易于使用的网格中查看结果。
• 将结果保存为json或csv文件格式，然后在编辑器中查看。
• 可自定义的扩展选项，包括命令快捷键等。

24.Vetur

• 语法高亮
• 片段
• Emmet
• 整理/错误检查
• 格式化
• 自动完成
• 组件数据：流行的Vue框架和您自己的自定义组件的自动完成和悬停信息
• 实验插值功能：Vue模板中的自动完成，悬停信息和类型检查
• VTI：CLI上的表面模板类型检查错误

25.vscode weapp api

为 VSCode 提供微信小程序 API 提示及代码片段

26.vscode wxml

提供wxml语法支持

27.vscode-fileheader

在文件标题中添加注释，并支持自动更新文件的修改时间。

28.vscode-icons

图标

29.vscode-wechat

30.vue

VSCode 提供微信小程序 API 提示及代码片段

26.vscode wxml

提供wxml语法支持

27.vscode-fileheader

在文件标题中添加注释，并支持自动更新文件的修改时间。

28.vscode-icons

图标

29.vscode-wechat

30.vue

31.wechat-snippet

32.any-rule
正则表达式库