第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. 鼓励师
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容