【VScode】插件集合

主题 

插件	作用	备份
rainbow tags rainbow string rainbow brackets	彩虹系列
color highlight	颜色值在代码中高亮显示
Bracket Pair Colorizer	括号颜色配对,拥有独立的颜色,易于区分,可以配合任意主题使用。
vscode-icons	图标
background	背景图片
Chinese	适用于 VS Code 的中文（简体）语言包
guides	高亮缩进基准线

代码

插件	作用	备份
json tools	格式化和压缩json
better comments	编写更加人性化的注释
document this	注释文档生成

HTML

插件	作用	备份
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标签时自动修改匹配标签

CSS

插件	作用	备份
beautify css/sass/scss/less	css/sass/scss/less格式化
beautify		打开文件->首选项->设置，搜索“format”
Prettier	Code formatter 代码格式化
HTML css suppot	css提示，支持vue的css提示
postCss sorting	css排序

Less/Sass

插件	作用	备份
easy-less	css文件输出指定后缀文件	默认为.css "less.compile": {         "outExt": ".wxss" }
less intellisense	less变量与混合提示
sass	sass插件

JavaScript

插件	作用	备份
eslint

jQuery

插件	作用	备份
jQuery Snippets	jQuery代码提示
jQuery Code Snippets	jQuery代码片段提示

Vue

插件	作用	备份
Vue Peek	跳转单文件
vue	语法高亮
vueHelper	vue2代码段
vetur	解决vue的less代码识别不了

vetur解决vue的less代码识别不了

在settings.json中添加一行代码

"files.associations": { "*.vue": "vue" }

TypeScript

插件	作用	备份
TSLint	typescript语法检查
Typescript import	ts自动import

php

插件	作用	备份
PHP IntelliSense	PHP代码提示

Git

插件	作用	备份
Git history	git历史记录
Git Project Manager	GPM就是一个Git项目管理器。
git blame	在状态栏显示当前行的git信息
gitLens	显示文件最近的commit和作者，显示当前行commit信息
gitignore	.gitignore文件语法

 文件

插件	作用	备份
Path Intellisense	自动路劲补全,默认不带这个功能的,赶紧装。
path autocomplete	完整路径提示
file peek	根据路径字符串，快速定位到文件
filesize	在底部状态栏显示当前文件大小,点击后还可以看到详细创建,修改时间。

 markdown

插件	作用	备份
markdownlint	markdown格式提示
Markdown Shortcuts	预览.md文件	Ctrl + Shift + V，即可预览。然后双击相应位置即可修改对应内容

模块

插件	作用	备份
version lens	package.json文件显示模块当前版本和最新版本
view node package	快速打开选中模块主页和代码仓库
npm intellisense	导入模块提示已安装模块名称npm

调试

插件	作用	备份
open-in-browser	打开浏览器	alt+b 浏览器打开，shift+alt+b 选择浏览器打开