特点

  • 开源,免费;
  • 自定义配置
  • 集成git
  • 智能提示强大
  • 支持各种文件格式
  • 调试功能强大
  • 各种方便的快捷键
  • 强大的插件扩展

VScode官方网站:点我传送

VScodeGitHub:点我传送

安装插件

方法一:

  • 按F1或Ctrl+Shift+p,输入extensions,点击第一个

方法二:

  • ctrl + P 然后输入 >ext install

插件官网:点我传送

自用插件

1.Settings Sync

超好用的同步插件

使用GitHub Gist可以同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。

2.Debugger for Chrome

从VS Code调试在Google Chrome中运行的JavaScript代码。

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

 3.beautify

格式化代码工具

美化javascriptJSONCSSSass,和HTML在Visual Studio代码。

4.Atuo Rename Tag

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

5.中文(简体)语言包

Chinese (Simplified) Language Pack for Visual Studio Code

6.Code Spell Checker

代码拼写检查器

一个与camelCase代码配合良好的基本拼写检查程序。

此拼写检查程序的目标是帮助捕获常见的拼写错误,同时保持误报数量较低。

7.vscode-icons

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

8.guides

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

9.Rainbow Brackets

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

效果如下:

10.Bracket Pair Colorizer

用于着色匹配括号

11.Indent-Rainbow

用四种不同颜色交替着色文本前面的缩进

12.filesize

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

VS code 主题集合

1.Night Owl   

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

2.Atom One Dark Theme

一个基于Atom的黑暗主题

3.Dracula Official

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

4.One Dark Pro

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

5.Bimbo

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

代码提示类

1.HTML Snippets

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

2.HTML CSS Support

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

3.jQuery Code Snippets

 jQuery代码提示

超过130个用于JavaScript代码的jQuery代码片段。

只需键入字母'jq'即可获得所有可用jQuery代码片段的列表。


五更钟动笙歌散,十里月明灯火稀