Skip to content

🇨🇳翻译: <awesome-vscode> 🎨令人愉快的VS Code包和资源的精选列表 ❤️ 校对 ✅

License

Notifications You must be signed in to change notification settings

chinanf-boy/awesome-vscode-zh

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

viatsko/awesome-vscode translate-svg

「 🎨令人愉快的VS Code包和资源的精选列表 中文」

中文 | english


校对 ✅

翻译的原文 与日期 最新更新 更多
commit ⏰ 2018-10-09 last 中文翻译

贡献

欢迎 👏 勘误/校对/更新贡献 😊 具体贡献请看

生活

If help, buy me coffee —— 营养跟不上了,给我来瓶营养快线吧! 💰




一份令人愉快的VS Code包和资源清单.为了更精彩,请查看awesome.

Awesome Build Status


目录表

官方的

语法

语言包用语法高亮和或片段来扩展编辑器,应对特定的语言或文件格式.

从其他编辑器迁移

VSCode团队为流行的编辑器中提供Keymaps,使得过渡VSCode几乎是无缝和简单的.

Vim模式-新的但有希望的扩展,在VSCode中实现Vim特性的.作者建议加入他们的Slack通道行列, 参与您最喜爱的Vim功能的特性请求

给VSCode 的 流行atom 按键绑定

给VScode的 流行Sublime Text按键绑定.

给VScode的流行VisualStudio按键绑定.

给VScode的流行Intellij IDEA按键绑定.

Lint与智能提示

即将到来的awesome必杀技linting尚未释放出来:

lint最初是给一个特定的程序起的名字,这个程序在C语言源代码中标记了一些可疑的和不可移植的构造(可能是bug).这个术语现在普遍应用于标记出任何计算机语言编写软件的可疑用法的工具.

与其他一些编辑器不同,VScode支持智能提示、linting、开箱即用,并且不需要任何单独的扩展来运行linter包.有些linters已经集成在VScode中,您可以在正式文档languages章节中找到完整的列表.

1C

  • 1C/OScript- 富 1С:Enterprise 8 (BSL)语言支持- 添加*.bsl и *.os files语法突出显示,添加智能提示和语法帮助器

1C-Syntax

Bash

C++

C\#

C# Extensions

CSS

直接从HTML窥视或跳转到CSS定义,就像在括号里!

CSS Peek

Go

  • Go- GO语言的丰富的语言支持.

Haskell

Shell

Java

JavaScript

看到这两个之间的区别在这里

一个VScode扩展,用于调试Chrome浏览器中的JavaScript代码,或者支持Chrome调试协议的其他目标.

VS Code extension to debug your JavaScript code in the Chrome browser screenshot

TypeScript

Markdown

PHP

智能提示

这些扩展提供了稍微不同的功能集合.虽然第一个提供更好的自动补全支持,第二个似乎整体有更多的功能.

Laravel

Laravel blade snippets and syntax highlight support animation

Laravel Model Snippets animation

Laravel Artisan commands within Visual Studio Code animation

  • DotENV-支持DOTENV文件语法

Support for dotenv file syntax screenshot

Twig

要在.twig文件中启用Emmet支持,您需要在以下设置中,设置以下内容:

{
  "emmet.includeLanguages": {
    "twig": "html"
  }
}

其他扩展

更多

Python

  • Python- Linting、调试(多线程、Web应用程序)、智能提示、自动补全、代码格式化、代码段、单元测试等等.

ReasonML

  • ReasonML智能提示、代码格式化、重构、代码长等

Rust

  • Rust- Linting、自动补全、代码格式化、片段和更多

生产力

在VScode编辑器中浏览数据库

Browse your database inside the vs code editor animation

Azure IoT开发所需的一切:与Azure IoT集线器交互,管理连接到Azure IoT集线器的设备,并用Azure IoT集线器的代码片段进行开发

Code snippets for Azure IoT Hub screenshot

马克行并跳向他们

Bookmarks command screenshot

Bookmarks toogle screenshot

快速生成测试文件的扩展名.

Create tests extension animation

用于将工作空间的文件上载或复制到目的地的命令.

Upload/copy files animation

生成.gitignore文件很容易.

.gitignore generation animation

查看GIT日志、文件或线路历史

View git log, file or line history animation

自动索引Git项目,让您轻松地在它们之间切换

去到当前文件在浏览器中的联机链接,并复制剪贴板中的链接.

GoTo current file online animation

提供Git CodeLens信息(最近提交、作者的)、按需内联的错误注释、状态栏错误信息、文件和错误历史探索者,以及命令与工作树或先前版本进行比较的命令.

GitLens inline git information animation

atom样式的状态栏上的Git指示器

git added indicator screenshot git removed indicator screenshot git modified indicator screenshot

提供Github工作流支持.例如浏览项目、问题、文件(当前行)、创建和管理拉请求.计划对其他提供商(例如Gitlab或bitbucket)的支持.看一下Readme.md关于如何开始这个扩展的设置.

这个扩展使用GitHub api来监视拉请求的状态,并让您知道何时应该合并,或者是否有人请求更改.

GitHub Pull Request Monitor

流行的 Icons字体,如Font Awesome, Ionicons, Glyphicons, Octicons, Material Design Icons和更多的片段!

为JS/TS文件中的函数调用提供注释,以向参数提供参数名.

JS Parameter Annotations

kanban

在VSCode中使用的简单看板,具有时间跟踪和Markdown支持.

使用静态和动态页面的live reload特性,开发本地启动服务器.

live-server

重写常规复制和剪切命令,以保持剪贴板环中的选择

在编辑器中直接查看和运行.NET核心测试.

View and run your .NET Core tests directly in the editor animation

VSCode插件,自动补全导入语句中的NPM模块.

npm-intellisense

在文件、跨不同文件或剪贴板中比较文本选择(差异)

Partial Diff

推断JSON和, 粘贴成许多编程语言的类型结构.

Paste JSON as Code

自动补全文件名的VSCode插件

Autocompletion for filenames animation

容易在项目之间切换.

Switch between projects screenshot

允许您发送HTTP请求,并直接在VSCode中查看响应.

Send HTTP request and view response animation

使用GitHub Gist在多台机器上同步设置、片段、主题、文件 Icons、启动、按键绑定、工作空间和扩展

Settings Sync

自定义关键字、高亮显示和TODO注释颜色.以及侧栏查看所有当前标签.

Todo Tree

单、双、反引号之间的循环

Toggle Quotes

脚手架工程应用Yoeman

Using yeoman animation

格式化与美化

用冒号(:)、赋值(=,+=,-=,*=,/=)和箭头(= >)对齐代码.它支持逗号第一编码风格和尾随评论.

它不需要你选择什么是对齐的,扩展将自己解决.

Better Align

自动添加HTML/XML关闭标签,与VisualStudioIDE或Sublime Text相同

Automatically add close tags animation

自动重命名成对的HTML/XML标签

Auto rename paired HTML/XML tags animation

为VScode美化代码

在您的VSCode中转换HTML到Pug,不再使用外部页面.

转换ECMAScript字符串文字的引号

Transform quotes of ECMAScript string literals animation

用"正确"缩进粘贴代码

Indentation of pasted code animation

按特定顺序排列文本行

Sorts lines of text in specific order animation

一个简单但功能强大的扩展,可以在代码块周围添加包装模板.

Wrap a template around a code block

用符号或多个符号包装选择或多个选择

Wraps selection or multiple selections with symbol or multiple symbols animation

允许您通过简单的点击来切换格式化程序.

这个扩展允许匹配的括号用颜色来识别.用户可以定义要匹配哪些字符,以及使用哪些颜色.

Bracket Pair Colorizer

自动查找、解析并提供所有可用导入的代码操作和代码补全.与Typescript和TSX合作.

Auto import

探险 Icons

City Lights Icons

VSCode Icons

Seti Icons

Material Icon Theme

未分类

运行多语言代码片段或代码文件: C, C++, Java, JavaScript, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, C# Script, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script

Run a snippet or file animation

在编辑器中突出显示网页颜色

Highlight web colors in your editor screenshot 图片

VScode输出面板和日志文件的语法高亮显示

IBM.output-colorizer

VSCode中的Dash集成

Dash integration screenshot 图片

运用你最喜欢的shell命令来编辑文本

Edit with Shell Command

VScode编辑器配置

自动将您的工作同步到远程FTP服务器

Auto-sync your work to remote FTP server animation

面向物联网开发的开源生态系统:支持 350+嵌入式板,20+开发平台,10+框架.Arduino 和 ARM兼容.

Build using platformio animation

为您的代码Polacode.

Make a polaroid image of your code animation

VScode中的JavaScript和TypeScript的快速原型开发平台,具有对项目文件的访问、内联报告、代码覆盖率和丰富的输出格式.

Integrated JavaScript/TypeScript playground animation

多协议支持的东西, 如Azure Brob,S3 buckets,Dropbox,(S)FTP或WebDAV文件,通过使用新的文件系统API, 特别是用于访问编辑器中的本地文件和文件夹等资源作为工作区文件夹.

Remote Workspace animation

从VScode运行各种脚本

Run various scripts right from VS Code animation

发送消息和代码片段,将文件上传到Slack

Send messages or code snippets to Slack animation

提供Spotify桌面客户端的集成.在状态栏中显示当前播放的歌曲,搜索歌词,并提供用按钮和热键控制Spotify的命令.

vscode-spotify

查看SVG在编辑器中,并将其导出为数据URI协议或PNG.

SVG Viewer

在同一时间突出多个文本模式和不同的颜色. 使用编辑器的搜索功能可以突出显示单个文本模式,但它不能同时突出显示多个模式,这是此扩展的便利之处。

Text Marker (Highlighter)

主题

用户界面

如果你感到勇敢,至少有VScode的两个自定义ui:

语法

VSCode主题灵感来自遥远星系……

黑暗VSCode主题启发来自日本传统的颜色和1000年前的诗歌.

一个黑暗的主题基于atom.

一个鲜艳的颜色和有三个版本——黑暗,光和海市蜃楼的简单主题一整天舒适的工作.

凝灰岩但甜蜜的主题.

🏙 Yummygum's官方城市灯光套件

Wes Bos 🔥官方主题

官方吸血鬼主题. 给 许多编辑器与shell等的暗黑主题

一个三个变体——夜空中明亮的颜色,宁静和海洋的简单主题,一整天舒适的工作.

丰富多彩和semantic的颜色代码的主题.

一个有趣,紫色-基调 柔和/糖果/梦话 仙女主题由sailorhg .

GitHub Visual Studio代码的主题.

一个优雅的,多汁的类material主题.

现在最史诗的主题

最小的单色的主题.

夜猫子的VScode主题. 在白天工作也很好,但这个主题适合我们这些喜欢编码到深夜的人。 颜色选择考虑了有色盲和弱光环境的人可以使用的颜色。 也是基于阅读理解和最佳闪闪的有意义的对比决定。✨

一个简单主题

北极,北蓝色干净,优雅的Visual Studio Code主题。

⚡精心挑选&紫色💜大胆色调专业主题,来搭配你的VS Code. 自定义样式VScode 主题

跟随的人

一系列在Twitter中的不同VScode社区�能人

扩展开发者的资源

文档

  • vscode-set-text——一个易于使用的VScode#setText()方法.
  • vscode-test-content——一个方法来设置/获取选择和编辑内容.特别适用于单元测试。

特别适合单元测试.

macOS Finder toolbar app to open current folder in Visual Studio Code animation

  • Themer - 轻松地创建自己的VScode主题(和匹配的其他工具).
  • VScode 的 Azure工具——这个VScode扩展给Azure开发者一些在编辑器中创建或直接访问资源的方便命令.

azure-tools-vscode

  • markdown 预览—— Markdown Preview Enhanced 是一个扩展,它为您提供了许多有用的功能,如自动滚动同步,数学排版,mermaid,PlantUML,pandoc,PDF导出,代码块,外观写作,等等很多的想法启发来自markdown预览+和RStudio markdown.

贡献

贡献欢迎首先读.

许可证

CC0

尽可能在法律下,Valerii Iatsko已经免除了这项工作的所有的版权和相关或邻近.

About

🇨🇳翻译: <awesome-vscode> 🎨令人愉快的VS Code包和资源的精选列表 ❤️ 校对 ✅

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published