VS Code Extensions You Should Know


VS Code Extensions You Should Know

VS Code

VS code特点:

  • 开源,免费;

  • 自定义配置

  • 集成git

  • 智能提示强大

  • 支持各种文件格式(html/jade/css/less/sass/xml)

  • 调试功能强大

  • 各种方便的快捷键

  • 强大的插件扩展

    Visual Studio Code(VScode )官网 :https://code.visualstudio.com/
    Visual Studio Code(VScode )github地址 :https://github.com/Microsoft/vscode

如何安装插件

​ 按F1或Ctrl+Shift+p,输入extensions,点击第一个就可以

插件合集

​ 插件官网:*https://marketplace.visualstudio.com/

配置类插件

Settings Sync

​ 最好用的插件,没有之一,一台电脑配置好之后,其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了,
​ 使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。

Debugger for Chrome

​ 从VS Code调试在Google Chrome中运行的JavaScript代码。
​ 用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。

beautify

​ 格式化代码工具
​ 美化javascriptJSONCSSSass,和HTML在Visual Studio代码。

Auto Rename Tag

​ 修改 html 标签,自动帮你完成头部和尾部闭合标签的同步修改

中文(简体)语言包

​ 将界面转换为中文,对英语不好的人,非常友好。

Code Spell Checker

​ 代码拼写检查器
​ 一个与camelCase代码配合良好的基本拼写检查程序。
​ 此拼写检查程序的目标是帮助捕获常见的拼写错误,同时保持误报数量较低。

vscode-icons

​ 显示Visual Studio代码的图标,目前该插件已被vscode内部支持:”文件” -> “首选项” -> “文件图标主题”

guides

​ 显示代码对齐辅助线,很好用

Rainbow Brackets

​ 为圆括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。

Bracket Pair Colorizer

​ 用于着色匹配括号

filesize

​ 在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间

WakaTime

​ 从您的编程活动自动生成的度量标准,见解和时间跟踪。

Language Support for Java(TM) by Red Hatredhat.java

​ 这个插件,这个下载次数,安装就对了。

Todo Tree

​ 此扩展可以快速搜索(使用ripgrep)您的工作区以获取TODO和FIXME等注释标记,并在资源管理器窗格的树视图中显示它们。单击树中的TODO将打开文件并将光标放在包含TODO的行上。
找到的TODO也可以在打开的文件中突出显示。

VS code 主题配色

Night Owl

​ 一个非常适合夜猫子的 VS Code 主题。像是为喜欢深夜编码的人精心设计的。

Atom One Dark Theme

​ 一个基于Atom的黑暗主题

Dracula Official

​ 官方吸血鬼主题,博主用的就是这款,很漂亮

One Dark Pro

​ Atom标志性的One Dark主题,也是VS Code下载次数最多的主题之一!

Bimbo

​ 简约而现代的神奇海洋主题

代码提示类

HTML Snippets
完整的HTML代码提示,包括HTML5

HTML CSS Support

​ 在 html 标签上写class 智能提示css样式

jQuery Code Snippets

​ jQuery代码提示
​ 超过130个用于JavaScript代码的jQuery代码片段。
​ 只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。

HTMLHint
html代码检测,支持html5

语言相关

C#

  • 适用于.NET Core的轻量级开发工具。
  • 伟大的C#编辑支持,包括语法突出显示,智能感知,转到定义,查找所有引用等。
  • 调试支持.NET Core(CoreCLR)。注意:不支持单声道调试。桌面CLR调试支持有限
  • 支持Windows,macOS和Linux上的project.json和csproj项目。

CodeMetrics

​ 计算TypeScript / JavaScript文件的复杂性。

VUE插件

​ vetur 语法高亮、智能感知、Emmet等
​ VueHelper snippet代码片段

Java Extension Pack
它是一组流行的扩展,可以帮助在Visual Studio Code中编写,测试和调试Java应用程序。查看VS Code中的Java以开始使用。


文章作者: EvilDevil
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 EvilDevil !
评论
评论
 上一篇
gitee gitee
部署GitHub项目同步到Gitee 同一台电脑上部署个人博客到GitHub Pages 部署个人小项目到Gitee Pages
2019-05-19
下一篇 
Mac 打造前端开发环境 Mac 打造前端开发环境
macOS Mojave 打造高效率前端开发环境### 安装Homebrew​ 包管理工具。类似于node下的npm。可以用来安装管理大部分的无界面的工具,如node,git,Python等。​ 摘自官网的安装命令: /usr
2019-05-08
  目录