VSCode常用插件推荐

beautify 简介:
javascript, JSON, CSS, Sass, 和 HTML 格式化,使你的代码更容易阅读
使用方法:
Alt+Shift+F
HTML Snippets 简介:
HTML5自动补全,添加了一些VSCode没有带的标签
使用方法:
直接安装即可
演示:
VSCode常用插件推荐
文章图片
Auto Close Tag Auto Rename Tag 简介:
【VSCode常用插件推荐】html/xml标签自动改名,当你修改一个标签后自动修改对应的标签
使用方法:
直接安装即可
演示:
VSCode常用插件推荐
文章图片
Auto Close Tag Class autocomplete for HTML 简介:
HTML自动补全:从引入的css中获取class名
使用方法:
class=""中输入会自动提示当前引入的css中的可用类
演示:
VSCode常用插件推荐
文章图片
Auto Close Tag Git History 简介:
快速查看git提交历史记录
使用方法:
F1Ctrl+Shift+P
输入命令history(不必输完就可以选择了)
View History 查看所有git日志,点击可以查看详情
View File History 查看当前文件的日志,可以找到之前的更改日志或内容
其余功能请自行尝试
演示:
Git History Git Lens 简介:
在编辑中显示git信息
使用方法:
启用插件->打开一个有git的目录->编辑一个文件,即可看见效果
演示:
Git Lens jQuery Code Snippets 简介:
jQuery支持
使用方法:
jq + jQuery方法
如:

jqAjax => $.ajax({ type: "method", url: "url", data: "data", dataType: "dataType", success: function (response) {} })jqAppend => $(selector).append(content)

演示:
VSCode常用插件推荐
文章图片
jQuery Code Snippets Path Intellisense 简介:
路径感知,自动补全路径
使用方法:
在填写路径时,每次输入的/后面会提示可用的路径
演示:
VSCode常用插件推荐
文章图片
Path Intellisense Rainbow Brackets 简介:
彩虹括号 酷炫的大中小括号颜色,更容易找到一个括号的另一半
使用方法:
安装即可
演示:
VSCode常用插件推荐
文章图片
Path Intellisense Settings Sync 简介:
将你的配置、插件同步到github里,再也不怕换系统了
使用方法:
上传配置: Alt+Shift+U
下载配置: Alt+Shift+D
初次安装:
  1. 登录github
  2. 在github右上角,你的头像下面,Settings -> Developer settings -> Personal Access Tokens -> Generate New Token
  3. 填写Token描述,勾选gist,保存好生成的Token(关闭页面以后只能删除、不能查看)
  4. 在VSCode中按Alt+Shift+U(如果没反应,随便打开一个文件后再按),按提示(在VSCode的上部有个输入框)输入Token,完毕后Enter保存,开始上传配置
  5. 注意提示的gist id,保存下来,下次使用这个恢复配置
下载线上的配置:
  1. 找到之前保存好的gist id
如果已经丢了,在 https://gist.github.com/<你的git hub名>中 可以看见正在使用的gist,找出里面的"sync.gist",后面的字符就是了,记得保存好
  1. 在VSCode中按,Alt+Shift+D,填写入gist id,注意不是Access Token
  2. 稍等一会,会将你的VSCode配置统统同步下来,插件需要重启界面生效
vscode-icons 简介:
一套不错的图标
使用方法:
安装,文件->首选项->文件图标主题
(按上下键可以预览)
演示:
vscode-icons One Dark Pro 简介:
主题
使用方法:
Ctrl+K+T (Ctrl按住后依次按下KT)
按上下键可以预览
演示:
VSCode常用插件推荐
文章图片
One Dark Pro
本文来源:https://www.jeay.net/tools/vscode%E5%B8%B8%E7%94%A8%E6%8F%92%E4%BB%B6.html
转载请注明。

    推荐阅读