More than code
Thoughts, stories and ideas

Visual Studio Code常用扩展

  • Auto Close Tag
    自动闭合标签

  • Auto Rename Tag
    自动重命名标签

  • Bracket Pair Colorizer
    该扩展允许使用颜色标识匹配的括号。用户可以定义要匹配哪些字符以及使用哪种颜色。

  • Indent Rainbow
    彩虹缩进

  • Git Lens
    git增强工具

  • HTML CSS Support
    让 html 标签上写class 智能提示当前项目所支持的样式,新版已经支持scss文件检索

  • HTML Snippets
    超级实用且初级的 H5代码片段以及提示

  • IntelliJ IDEA Keybindings
    IntelliJ IDEA 快捷键绑定

  • Markdown Preview Enhanced
    markdown的预览增强(右键预览)

  • open in browser
    在浏览器中打开文件

  • Path Intellisense
    路径自动补全

  • vscode-icons
    图标主题

  • Settings Sync
    可以在github上面通过gist仓来同步用户的vscode的配置包括插件,settings等信息

  • JavaScript (ES6) code snippets
    代码片段扩展

  • TODO Parser
    使用 Todo Highlighter(高亮)扩展

  • Import Cost
    显示导入模块的大小

  • REST Client
    作为 web 开发人员,我们经常需要使用 REST api。为了检查url和检查响应,使用了 Postman 之类的工具。但是。REST Client 它允许你发送 HTTP 请求并直接在 Visual Studio 代码中查看响应。

  • Indenticator
    在视觉上突出显示当前的缩进个数,因此,你可以轻松区分在不同级别缩进的各种代码块。

  • Dracula Theme
    主题

  • Material Theme
    主题

  • Turbo Console Log
    它支持对下面一行中的任何变量进行日志记录,并在代码结构之后自动添加前缀。添加注释ctrl + alt + l,你还可以对所有注释 取消注释/注释 alt+shift+u / alt+shift+c 为所有由这个扩展添加的 console.log()。也可以通过 alt+shift+d删除所有。

  • Live Server
    可以启动一个本地开发服务器,为静态和动态页面提供实时重新加载功能,它对 HTTPS、CORS、自定义本地主机地址和端口等主要特性提供了强大的支持。

  • BreadCrumb in StatusBar
    辑器的内容上方现在有一个被称为 Breadcrumbs 的导航栏,它显示你的当前位置,并允许在符号和文件之间快速导航。要使用该功能,可使用 View > Toggle Breadcrumbs 命令或通过 breadcrumbs.enabled 设置启用。要与其交互,请使用 Focus Breadcrumbs 命令或按 Ctrl + Shift +

  • Polacode
    带有定制字体和主题的代码截屏

赞(2) 打赏
未经允许不得转载:Saxon's blog » Visual Studio Code常用扩展

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

React CLI - 快速创建react项目脚手架工具

官 网GitHub

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏