【VScode】好用插件集合

rainbow tags

rainbow string

rainbow brackets

彩虹系列

color highlight 

Bracket Pair Colorizer

括号颜色配对,拥有独立的颜色,易于区分,可以配合任意主题使用。

vscode-icons

图标

background

背景图片

Chinese

适用于 VS Code 的中文（简体）语言包

guides

json tools

better comments

document this

HTML Snippets

在HTML代码提示

vue中的template没有html自动补全提示，需要按以下两个顺序配置

"emmet.syntaxProfiles": {

        "vue-html":"html",

        "vue":"html"

},

"files.associations": {

        "*.vue":"vue"

},

HTML CSS Support。

在HTML中写CSS时代码提示

IntelliSense for CSS class names in HTML

在HTML中CSS类名的智能感知 

auto close tag

自动闭合HTML标签

auto rename tag

修改HTML标签时自动修改匹配标签

beautify css/sass/scss/less

打开文件->首选项->设置，搜索“format”

Prettier

HTML css suppot

postCss sorting

easy-less

css文件输出指定后缀文件

默认为.css

"less.compile": {

        "outExt": ".wxss"

}

less intellisense

eslint

jQuery Snippets

jQuery代码提示

jQuery Code Snippets

jQuery代码片段提示

Vue Peek

跳转单文件

vue

语法高亮

vueHelper

TSLint

PHP IntelliSense

PHP代码提示

Git history

git历史记录

Git Project Manager

GPM就是一个Git项目管理器。

git blame

Path Intellisense

自动路劲补全,默认不带这个功能的,赶紧装。

path autocomplete 

file peek

filesize

在底部状态栏显示当前文件大小,点击后还可以看到详细创建,修改时间。

markdownlint

markdown格式提示

Markdown Shortcuts　

Ctrl + Shift + V，即可预览。然后双击相应位置即可修改对应内容

version lens

view node package

npm intellisense

导入模块提示已安装模块名称npm

open-in-browser