第7章 插件

7.1 插件

7.1.1 插件市场

分类:

  1. Featured
    Visual Studio Code 团队精心挑选出来的推荐插件
  2. Trending
    每天根据安装量趋势更新榜单
  3. Most Popular
    根据插件的总安装量来排序
  4. Recently Added
    最新发布的插件

7.1.2 插件搜索

7.1.3 插件页面

7.2 插件管理

7.2.1 搜索与浏览

  1. 搜索插件
  2. 插件过滤器
  • @builtin: Visual Studio Code内置插件
  • @disabled: 被禁用的插件
  • @enabled: 启用的插件
  • @installed
  • @outdated: 待更新
  • @recommended
  • @id
  • @tag
  • @sort
    • @sort:installs
    • @sort:rating
    • @sort:name
  • @category
    • @category:themes
    • @category:formatters
    • @category:linters
    • @category:snippets

过滤器可组合使用

7.2.2 通过插件管理视图管理插件

7.2.3 通过命令行管理插件

7.2.4 离线安装插件

7.2.5 插件推荐

两种类型:

  • Workspace Recommendations
  • Other Recommendations

7.2.6 插件的安装目录

  • Windows: %USERPROFILE%\.vscode\extensions
  • macOS: ~/.vscode/extensions
  • Linux: ~/.vscode/extensions

7.3 那些不错的插件

7.3.1 REST Client:也许是比 Postman 更好的选择

支持 cURL 和 RFC2616 这两种业界标准来调用 REST API

  1. RFC 2616
    扩展名为.http.rest的文件,可以直接使用快捷键 Ctrl+Alt+R 执行
POST http://dummy.resetapiexample.com/api/v1/create
HTTP/1.1
content-type: application/json
{
  "name": "Hendry",
  "salary": "61888",
  "age": "26"
}
  1. cURL
curl -X POST "http://dummy.resetapiexample.com/api/v1/create" -d "Hello World"
  1. HTTP 语言
    通过 ###分隔符,同一个HTTP文件中可以涵盖多个HTTP请求
  2. 代码生成
    在HTTP语言文件的右键菜单中,可以通过 Generate Code Snippet 命令将HTTP请求生成不同编程语言(如Javascript、Python、C、C#、Java、PHP、Go、Ruby、Swift等)
  3. 高阶功能
  • 身份认证:支持Basic Auth、SSL Client Certificates、Azure Active Directory等多种验证机制
  • 支持 Cookies
  • 支持 HTTP 3xx的重定向
  • 支持多种变量:环境变量、文件变量、预定义的系统变量等

7.3.2 Code Runner:代码一键运行,支持40多种语言

7.3.3 为你的代码再添上一抹亮色

  1. Bracket Pair Colorizer 2
    此插件已在 Visual Studio Code ver1.60 版本中内置
    High performance bracket pair colorization
  2. indent-rainbow
    为代码缩进提供颜色支持
  3. vscode-pigments
    增强 CSS 或其他样式文件的颜色显示
  4. Peacock
    为每一个 Visual Studio Code 窗口配上自己喜爱的颜色

7.3.4 更强的 Git 集成

  1. Github Pull Requests
  2. Git Graph
  3. GitLens

7.3.5 Web开发利器

  1. Web Template Studio
    Scaffolding Tool(脚手架工具)在创建项目时一定是重要的工具。该插件可以在 Visual Studio Code 中通过基于图形用户界面的向导快速创建Web应用
  2. Browser Preview
    This extension has been deprecated in favor of the Live Preview extension.
  3. Elements for Microsoft Edge
  4. 浏览器调试插件

7.3.6 轻松管理数据库

  1. Oracle Developer Tool for VS Code
  2. SQL Server (mssql)
  3. MySQL
  4. PostgreSQL

7.3.7 提升开发效能

  1. EditorConfig for VS Code
    EditorConfig通过名为 .editorconfig 的文件帮助开发人员在不同的编辑器和IDE之间定义和维护一致的编码样式
# 告诉EditorConfig插件,这是跟文件,不用继续往上查找
root = true

# 对所有的文件设置UNIX风格的换行符
[*]
end_of_line = lf
insert_final_newline = true

# 对扩展名为 js 和 py 的文件设置字符集
[*.{js,py}]
charset = utf-8

# 对扩展名为py的文件设置缩进风格和大小
[*.py]
indent_style = space
indent_size = 4

# 对Makefile文件设置风格
[Makefile] 
indent_style = tab

# 对lib文件夹下扩展名为py的文件设置缩进风格和大小
[lib/**.js]
indent_style = space
indent_size = 2

# 对package.json 和 .travis.yml 文件设置缩进风格和大小
[{package.json,*.travis.yml}]
indent_style = space
indent_size = 2

.editorconfig文件的匹配规则时从上往下的,即先定义的规则优先级比后定义的要高
该插件支持以下设置项

  • indent_style
  • indent_size
  • tab_width
  • end_of_line
  • insert_final_newline: 保存文件时,是否在文件末尾添加换行符
  • trim_trailing_whitespace: 保存文件时,是否删除多余的空白字符
  1. Sort lines
    对当前文本的每一行内容进行排序,支持升序、降序、大小写敏感等多种排序方式
  2. Code Spell Checker
  3. Better Comments
  4. Image Preview
  5. Output Colorizer
  6. Debug Visualizer

7.3.8 好用的工具类插件

  1. Todo Tree
  2. TODO Highlight
  3. Bookmarks
  4. Polacode
    开发者可以轻松把选中的代码导出为图片格式,且完全保留代码在 Visual Studio Code 中原本的字体和颜色主题
  5. WakaTime
    记录开发者日常编写代码的使用情况,包括使用时间、工作项目、编程语言等数据,并提供可视化的数据报告
  6. CodeStream
    团队开发者之间可以轻松地进行代码评审
  7. Paste JSON as Code
    把 JSON 或 Typescript 转换成其他编程语言,包括 Typescript、Python、Go、Ruby、C#、Java、Swift、Rust、Kotlin、C++、Flow、Objective-C、Javascrip、Elm等
  8. Data Preview
    以表格、文本、图标等形式预览不同格式的文件,支持 .json, .arrow, .avro, .yml, .csv/.tsv, .xlsx/.xlsb 等多种文件格式
  9. File Watcher
    监测文件和文件夹的改动,并执行用户事先配置好的命令

7.3.9 容器开发

  1. Docker 插件
  2. Kubernetes 插件

7.3.10 移动开发

  1. Flutter 插件
  2. React Native Tools
  3. Cordova Tools
  4. Ionix Snippets

7.3.11 LeetCode 插件:程序员的 Offer 收割利器

7.3.12 有点好看的主题插件

  • One Monokai
  • One Dark Pro
  • Material Icon
  • Night Owl
  • Dracula
  • Github Sharp Theme
  • Nord
  • Winter is Coming Theme
  • Noctis
  • Sapphire Theme
  • Cobalt2 Theme Official
  • SynthWave '84
  • City Lights Theme

7.3.13 不止代码!放松一下,那些劳逸结合的插件

  1. VSC Netease Music
  2. daily anime
  3. epub reader
  4. Zhihu On VSCode
  5. 鼓励师
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,539评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,594评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,871评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,963评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,984评论 6 393
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,763评论 1 307
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,468评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,357评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,850评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,002评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,144评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,823评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,483评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,026评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,150评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,415评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,092评论 2 355

推荐阅读更多精彩内容