自用VScode插件

Auto Close Tag

自动补充闭合标签

Auto Rename Tag

同步修改头尾标签

background-cover

全覆盖的背景图片

Beautify

代码格式化

Bracket pair color

括号颜色(三色)

Chinese

将Vscode语言改为中文

Color Info

提供css颜色信息

css-auto-prefix

自动补全css3代码

Document This

为函数添加注释块,快捷键:按两次<kbd>ctrl</kbd>+<kbd>alt</kbd>+<kbd>D</kbd>

Elm Emmet

代码提示

filesize

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

guides

添加引导线

HTML CSS Support

vscode对html,css文件支持,便于你快速书写属性

html tag wrap

可以在选中HTML标签中外面套一层标签,快捷键:<kbd>alt</kbd>+<kbd>W</kbd>

Indenticator

突出目前的缩进深度

Image Preview

在html代码中预览图像

Icon Fonts

在项目中添加图标字体的插件

indent-rainbow

突出显示缩进深度

jQuery Code Snippets

jquery代码补全

JS-CSS-HTML Formatter

JS,CSS,HTML代码保存时自动格式化

koroFileHeader

添加文件的头部注释,快捷键:<kbd>ctrl</kbd>+<kbd>alt</kbd>+<kbd>I</kbd>
也支持函数注释,快捷键:<kbd>ctrl</kbd>+<kbd>alt</kbd>+<kbd>T</kbd>,快捷键可能会有冲突,相对来说更推荐Document this 的函数注释

open in browser

在默认浏览器打开页面,快捷键:<kbd>alt</kbd>+<kbd>B</kbd>

Path Intellisense

文件路径自动补全

Rainbow Brackets

另一款括号颜色插件(多色彩)

VSCode Icons

vscode图标插件

主题插件

One Dark Pro
Eva Theme
Dracula Official

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Eclipse常用快捷键 1几个最重要的快捷键 代码助手:Ctrl+Space(简体中文操作系统是Alt+/)快速...
    山不转人自转阅读 5,330评论 0 10
  • 安装http server插件,安装完成后按下f1,然后输入http会看到下面两个选项,选择with curren...
    吴宪峰阅读 32,084评论 1 28
  • vscode常用插件 View In Browser :浏览器打开 ctrl +f1 vscode-icons:...
    毛尖哥阅读 5,331评论 0 1
  • Download Visual Studio Code 简介 VSCode是微软推出的一款轻量编辑器,采取了和VS...
    jrg陈咪咪sunny阅读 7,934评论 0 3
  • 转战vscode 20170829 Sublime Text 插件介绍合集 1 Emmet 功能:编码快捷键,前端...
    小小游轮阅读 7,755评论 0 9