Visual Studio Code 是一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。
插件
https://marketplace.visualstudio.com/VSCode
语言
- Language Support for Java(TM) by Red Hat:支持 Java 语言
- ESLint:集成 ESLint
- stylelint: CSS/SCSS/Less 检查器
- HTMLHint
- Babel ES6/ES7:增加 es6/es7 语法高亮
Snippets
- HTML Snippets
- Angular 2 TypeScript Snippets
- JavaScript (ES6) code snippets
- HTML CSS Class Completion:根据 CSS 文件自动完成 HTML class 名称
- Bootstrap 3 Snippets
- Reactjs code snippets
- jQuery Code Snippets
编辑
- Vim:提供了 vim 快捷键绑定
- Document This
- Path Intellisense:自动完成文件路径
- npm Intellisense:自动完成 npm 模块引入
- Instant Markdown:实时预览 markdown
- Auto Close Tag
调试
- Debugger for Chrome:在 chrome 中调试代码
- React Native Tools:提供了 React Native 环境开发
版本
格式化
- beautify:支持 javascript, JSON, CSS, Sass, and HTML
- JS-CSS-HTML Formatter:JS, CSS, HTML, JSON
- EditorConfig for VS Code
- XML Tools:格式化 XML
其他
- Visual Studio Code Settings Sync:同步 VSC 配置
- Spelling and Grammar Checker
- Project Manager
- npm Script Runner
- REST Client
- Color Picker
- Code Runner
- SVG Viewer
- View In Browser
主题
问题
总是询问 Git 仓库的登陆用户和密码
设置
文件图标
从 1.5 版本开始,VSC 支持文件图标,具体参考 File and Folder Icons in VS Code!。
备注:旧版本使用 vscode-icons 实现文件图标。
快捷键
窗口
- ctrl+b:开闭侧边栏
- ctrl+\:增加一栏打开的文件窗口
代码导航
- ctrl+p
- ctrl+shift+o:显示符号,可同 sublime 改为 ctrl+r
- ctrl+t:查找并且导航到符号,类似于 sublime 的 ctrl+;
- f12:查看定义
- ctrl+alt+-:返回
- ctrl+shift+-:前进
- …