常用的VsCode插件及配置

248 阅读1分钟

代码片段

snippet-generator.app/

日常开放中, 总会有一些代码片段老师重复敲, 或者是有些自己项目的的页面规则, 复制粘贴是好用, 但是还是配置代码片段来的好用些, 该网址就是一个快速生成代码片段的软件.

插件

Material Icon Theme

image.png image.png

个人比较喜欢的一款插件, 对于文件夹及各种的文件都有清晰的图标, 与软件本身的主题相比起来, 可能更为丰富一些

Auto Rename Tag

image.png 通过该插件可以自动修改匹配标签, 避免修改了开始标签在修改结束标签

React常用插件

ES7+ React/Redux/React-Native snippets

支持使用各种快捷指令快速生成相关的React代码片段, 相关指令说明: github.com/r5n-dev/vsc…

vscode-styled-components

支持在JS文件中编写CSS样式, 更高效的进行样式代码的编写 插件会有兼容性问题, 最新版的vscode不支持

配置

括号着色器

对于日常开发中的方法, 嵌套的样式等等, 一个个大括号包裹的不是很明显, 通过配置vscode的bracketPairs即可在页面中较清晰的看到括号的起始位置和结束位置

image.png

image.png