我们在键盘上留下的余温, 也将随时代传递到更远的将来


:D 获取中...

插件

风格检查

代码片段

自动补全

  • TabNine

    • 代码补全. 不少使用过的网友说: TabNine 是他们用过的最好的代码补全工具, 这是属于程序员的杀手级应用
    • Install

  • Visual Studio IntelliCode

    • 微软官方出品的基于人工智能的代码补全提示
    • Install

  • Path Intellisense

    • 文件路径补全, 在你用任何方式引入文件系统中的路径时提供智能提示和自动完成
    • Install

  • path-alias

    • 解决路径别名提示, 跳转的插件
    • Install

  • Auto Close Tag

    • 适用于 JSX、 Vue、 HTML, 在打开标签并且键入 </ 的时候, 能自动补全要闭合的标签
    • Install

  • Auto Rename Tag

    • 适用于 JSX、 Vue、 HTML, 在修改标签名时, 能在你修改开始(结束)标签的时候修改对应的结束(开始)标签, 帮你减少 50% 的击键
    • Install

  • NPM Intellisense

    • NPM 依赖补全, 在你引入任何 node_modules 里面的依赖包时提供智能提示和自动完成
    • Install

  • IntelliSense for CSS class names

    • CSS 类名补全, 会自动扫描整个项目里面的 CSS 类名并在你输入类名时做智能提示
    • Install

功能增强

  • Vim

    • vim 被誉为『编辑器之神』, 一旦学会了 vim 的指法, 会让你终身受益, 至少在你敲代码的年代会收益, 毫无夸张, 它会让你摆脱烦人的, 在敲代码的时候频繁的移动鼠标, 这也是 vim 的设计理念之一 – 脱离鼠标.
    • 每日一 Vim 笔记
    • 每日一 Vim
    • Install

  • MetaGo

    • 快速移动光标到指定位置
    • Install

  • File Utils

    • 创建, 复制, 移动, 重命名和删除文件和目录的便捷方式, 就是不用触摸板完成这些操作
    • Install

  • Comment Translate

    • 使用 Google Translate API 翻译 VSCode 的编程语言的注释
    • Install

  • vue-helper

    • 跳转到定义(解决 vue 中有时候无法跳转的痛点), 代码片段, 选中代码块
    • Install

  • Can I Use

  • REST Client

    • REST Client 允许您直接发送 HTTP 请求并在 Visual Studio 代码中查看响应.
    • Install

  • Code Runner

    • Run C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml, R, AppleScript, Elixir, VB. NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Pascal, Haskell, Nim, D
    • Install

  • Syncing

    • 基于 Gist 实现 VSCode 用户配置、 快捷键配置、 已安装插件列表等的备份和恢复功能
    • 鉴于 VSCode 从 1.27 版本开始提供了 Platform Specific Keybindings 功能, 如果手动将 Mac 和 windows 快捷键进行合并后, 可以跨平台恢复快捷键
    • Install

  • GitLens — Git supercharged

    • Git 可视化工具, 自带 diff 功能, 能让我们在不离开编辑器, 不执行任何命令的情况下知晓光标所在位置代码的修改时间、 作者信息等
    • Install

  • Git File History

    • 快速浏览 git 仓库的文件历史
    • Install

  • Nasc VSCode Touchbar

    • 支持 MBP 的触摸条, 提供了挺多实用的功能点
    • Install

  • Project Manager

    • Project Manager 提供了专门的视图来展示你的项目, 我们可以把常用的项目保存在这里, 需要时一键切换, 十分方便
    • Install

  • Image preview

    • 在编辑器左侧和鼠标悬停到图片链接上时显示图片
    • Install

外观增强

  • Bracket Pair Colorizer

    • 识别代码中的各种括号, 并且标记上不同的颜色, 方便你扫视到匹配的括号, 在括号使用非常多的情况下能环节眼部压力
    • Install

  • Bracket Pair Colorizer 2

    • 与 v1 区别: v2 使用与 VSCode 相同的括号解析引擎, 大大提高了速度和准确性.
    • Install

  • Highlight Matching Tag

    • 高亮匹配标签
    • 并提供两个命令, 通过搜索命令名称在命令面板 ( F1 或者 C + S + p ) 中使用. 也可以绑定到快捷键
    • 跳转到匹配标签: Jump to matching tag
    • 选中标签内容: Select contents of matching tag pair
    • Install

  • indent-rainbow

    • 这个扩展为文本前面的缩进着色, 在每个步骤中交替使用四种不同的颜色
    • Install

  • TODO Highlight

    • 高亮各种 TODO、 FIXME、 HACK 之类的标记. 标记后面必须加冒号, 如 // TODO: 这是一个 todo
    • Install

  • Better Comments

    • 将注释变为彩色, 使注释更加明显. 注释符后面要加特定字符: ! * ? // todo , 如: // ! 这是一个注释
    • Install

编码效率

其他插件

如何分享插件

分享插件, 除了将插件名字告诉你的小伙伴, 当然还有其他的办法了!

可以在项目的 .vscode 目录下创建文件 extensions.json . 然后给 recommendations 提供一个想要分享给同伴的插件的 ID 数组, 这样当他们打开项目, 并且没有安装某些插件时, VS Code 就会提示安装了, 并且可以一键全部安装.

.vscode/extensions.json 文件内是这样的.

1
2
3
4
5
6
7
8
9
10
{
  "recommendations": [
    "eamodio.gitlens",
    "shan.code-settings-sync",
    "shd101wyy.markdown-preview-enhanced",
    "dbaeumer.vscode-eslint",
    "christian-kohler.path-intellisense",
    "joelday.docthis"
  ]
}

recommendations 数组中是插件的 ID , 不是名字, 插件 ID 可以在这里查看:

recommendations


 上一页

Guidelines Vscode

 评论

 无法加载Disqus评论系统，请确保您的网络能够正常访问。