VSCode官网：https://code.visualstudio.com/
支持语音：
速度较快，对超大文件读写速度飞快(打开10M代码不到1s，Subline原生会卡近6s)，插件数量相对少，有一些增强功能比如调试器， 终端，原生支持语言语法高亮较少(C# JS TypeScript是第一位)，内置JS/TS调试器…可以基于不同项目(文件夹)设置偏好，写C#和JS/TS专用
注意：VSCode需要安装git和Framework
主题常用：Monokai
1.2 常用插件
| 插件名称 | 介绍 | 使用方法 |
|---|---|---|
| filesize | 在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间 | 自动启用 |
| vscode-icons | 美化VSCode的界面，在文件名前面显示小图标 | 自动启用 |
| view in browser | 用浏览器预览HTML文件 | 鼠标右键 |
| Bootstrap 3 Sinnpet | 常用 bootstrap 的可以下 | 根据片段触发 |
| css peek | 跟踪样式表中 CSS 类和 id 的样式，点击右键直接跳转到对应的css代码 | |
| Auto Close Tag | 自动闭合HTML标签 | |
| HTML Snippets | 超级实用且初级的 H5代码片段以及提示 | |
| HTML CSS Support | 让 html 标签上写class 智能提示当前项目所支持的样式。 <br>新版已经支持scss文件检索(更新应该是这个插件 IntelliSense for CSS class names in HTML) | ？ |
| Debugger for Chrome | 让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试 | |
| jQuery Code Snippets | jquery 重度患者必须品 | |
| Sublime Text Keymap for VS Code | 模仿sublime快捷键操作 | |
| Path Intellisense | 自动路劲补全，默认不带这个功能的 | |
| ESlint | ESlint 接管原生 js 提示，可以自定制提示规则。 | 1 |
| HTMLHint | html代码检测 | 1 |
| Project Manager | 在多个项目之前快速切换的工具 | |
| HTML CSS Class Completio | 扫描项目中的所有css中的class名，在html中自动补全，安装后每次打开自动启用 | |
| vscode-fileheade | 顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间 | |
| Auto Rename Tag | 修改HTML标签时，自动修改匹配的标签 | 1 |
| Beautify css, sass and less code | 格式化代码的工具，css/sass/less格式化 | 1 |
| Bracket Pair Colorizer | 让括号拥有独立的颜色，易于区分。可以配合任意主题使用。 | |
| vetur | 语法高亮、智能感知、Emmet等 | |
| VueHelper | snippet代码片段 |
1.3主题
1.Material
冷门、好看、实用。此主题已停更许久
2.Dracula
目前我觉得是vscode上最漂亮的主题,vscode 1.11+允许自定义statusBar等全局ui后,该主题也跟进改了很多小细节,良心!~
3.One Dark Pro
源于Atom,老版本的Atom One Dark主题可以扔了.
原文地址:https://www.cnblogs.com/zhaowy/p/8444770.html
文章来源: VScode使用简介