Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。
该编辑器也集成了所有一款现代编辑器所应该具备的特性,包括语法高亮(syntax high lighting),可定制的热键绑定(customizable keyboard bindings),括号匹配(bracket matching)以及代码片段收集(snippets)。Somasegar 也告诉笔者这款编辑器也拥有对 Git 的开箱即用的支持。
Visual Studio Code 提供了丰富的快捷键 [3] 。用户可通过快捷键 [Ctrl] + [K] + [S] (按住Ctrl键不放,再按字母K键和S键)调出快捷键面板,查看全部的快捷键定义。也可在面板中双击任一快捷键,为某项功能指定新的快捷键。一些预定义的常用快捷键包括:格式化文档(整理当前视图中的全部代码),[Shift] + [Alt] + [F];格式化选定内容(整理当前视图中被选定部分代码),[Ctrl] + [K] + [F];放大视图,[Ctrl] + [Shift] + [=];缩小视图,[Ctrl] + [Shift] + [-];打开新的外部终端(打开新的命令行提示符):[Ctrl] + [Shift] + [C]。
该编辑器支持多种语言和文件格式的编写,截止2019年9月,已经支持了如下37种语言或文件:F#、HandleBars、Markdown、Python、Java、PHP、Haxe、Ruby、Sass、Rust、PowerShell、Groovy、R、Makefile、HTML、JSON、TypeScript、Batch、Visual Basic、Swift、Less、SQL、XML、Lua、Go、C++、Ini、Razor、Clojure、C#、Objective-C、CSS、JavaScript、Perl、Coffee Script、Dockerfile。
常用插件安装(24个)
1、Auto Close Tag html自动闭合标签插件
2、Auto Rename Tag html 自动重命名标签插件
3、Beautify 格式化插件
4、Prettier - Code formatter 代码格式化
5、Chinese (Simplified) vscode 汉化插件
6、Code Runner 在编辑器里运行js代码,同时可在terminal里显示打印结果的工具
7、ESLint 代码规范检查工具
8、HTML Snippets 快速生成html代码工具
9、Live Server 快速启动一个本地服务,方便html文件预览调试等
10、npm Intellisense 导入语句自动补全 npm 模块名称
11、CSS Peek 可以在 HTML 中通过 CSS id 或则 class 来定位到其定义。
12、Bracket Pair Colorizer 让括号拥有独立的颜色,易于区分。可以配合任意主题使用。
13、vetur vue语法高亮、智能感知、Emmet等
14、Bookmarks 一个书签工具
15、open in browser 快速打开浏览器
16、Color Info 提供你在 CSS 中使用颜色的相关信息
17、Vue VSCode Snippets vue代码自动补全插件
18、IntelliSense for CSS class names in HTML 基于你的项目以及通过link标签引用的外部文件,该智能插件提供 HTML 中 CSS class 名字的补全。
19、koroFileHeader 用于生成文件头部注释和函数注释
20、Visual Studio IntelliCode 是一套实验性的 AI 辅助开发功能
21、JavaScript (ES6) code snippets es6 语法生成
22、Bracket Pair Colorizer 括号高亮
23、Path Intellisense 路径的智能提示
24、vscode-element-helper Element-ui 代码提示