Skip to content
On this page

Code Runner (运行代码)

  1. 可以让你在 vscode 里方便的运行某个文件或者运行选取的某段代码。

Code Runner

Code Spell Checker (拼写检查)

  1. 检测你写代码时拼写的单词是否正确

Code Spell Checker

Bracket Pair Colorizer废弃,已集成到VSCode (括号高亮)

  1. 给你的括号用颜色标记一下,这样当你的函数块里面有很多嵌套,就比较容易理清楚。

Bracket Pair Colorizer

ESLint(代码检查)

  1. 代码检查及错误提示。
  2. 结合 Prettier 插件可以让我们快速格式化代码。

ESLint

Prettier (代码格式)

  1. 格式化代码,规范代码风格

Prettier

Vetur (Vue2代码补全)

  1. 写Vue2必备插件
  2. 高亮、语法提示

Vetur

Volar (Vue3代码补全)

  1. 写Vue3必备插件
  2. 高亮、语法提示

Volar

Atom One Dark Theme (Atom主题)

  1. 一个 vscode 的主题,默认的主题比较丑

Atom One Dark Theme

Chinese Language Pack for Visual Studio Code (中文插件)

  1. 可以帮你把 vscode 语言换成中文的

Chinese Language Pack for Visual Studio Code

Auto Rename Tag(自动修改标签名)

  1. 开闭标签同时改

Auto Rename Tag

Auto Close Tag(自动闭合标签)

  1. 自动闭合标签

Auto Close Tag

Git Lens (git可视化)

  1. 可视化Git

Git Lens

Live Server (文件服务)

  1. Hot Reload Web Server

Live Server

Rest Client(客户端请求)

Rest Client

使用

创建.http结尾的文件

GET https://www.baidu.com HTTP/1.1

###

GET https://example.com/topics/1 HTTP/1.1

###

POST https://example.com/comments HTTP/1.1
content-type: application/json

{
  "name": "sample",
  "time": "Wed, 21 Oct 2015 18:27:50 GMT"
}

koroFileHeader (自动添加注释)

  1. 自动添加注释

koroFileHeader

Todo Tree(任务备注)

  1. 任务备注

Todo Tree

Polacode-(2019/2020)(代码截图)

Polacode

使用方式

输入命令:

1、command + shift + p

2、输入polacode

效果

Polacode

Markdown Preview Enhanced(markdown预览)

  1. markdown实时预览

Markdown Preview Enhanced

Import Cost(引入库的大小)

  1. 展示引入库的大小

Import Cost

translate speaker(翻译朗读)

  1. 翻译朗读选中的内容
  2. 将翻译结果替换选中的内容

translate speaker

Thunder Client (api请求)

  1. 可视化api请求
  2. 简易版postman

Thunder Client

效果

Thunder Client

Error Tips(错误提示)

  1. 将错误直接展示在代码行
  2. 可视化错误

Error Tips

效果

Error Tips

Partial DIff (代码对比)

  1. 代码差异对比

Partial DIff

Released under the MIT License.