学“编辑器”什么？

吴甜甜的学习记录整理，2019年2月（本人原创，欢迎转载，引用！）
我的个人主页：（本人长期根据做过的实际硬件项目写技术博文，全栈工程师，开源免费分享）
邮箱地址：[email protected] （欢迎技术交流，没有套路，真诚的我）

新的编程语言往往在解决老的语言的某一短板，但最本质的设计不会有大变化。有了这个框架再去学习，就不至于限于某一不常用语法不能自拔。学什么领域，都应该了解他们是怎么发展而来，曾经遇到什么问题，又是怎么解决的，这些信息都便于大局上提高对事情本质认识。

编辑器的学习也和编程语言一模一样。

使用一个工具时，最关心的应该是它能用来做什么,它最擅长做什么，以及它做不了什么。工具的“上限”与“下限”。

|极限|学习内容|
|……|……|
|上限|编辑器支持用户写插件来定制功能|
|下限|快捷键|
|下限|编程语言、框架|

IDE是全尺寸的集成开发环境，更关注开箱即用的编程体验、对代码智能理解，为代码调试、测试、工作流有图形化界面支持，因此相对笨重。
编辑器则相对更轻量，侧重文件或者文件夹，语言和工作流的支持更丰富和自由。

快捷键

编辑器的自带功能，快捷键的设计直接决定用起来是不是顺手，效率高不高。
开发者的角度看，编辑器尽可能保证默认配置接近大众使用习惯。
Shift键选择，Ctrl做辅助，Tab键控制文本选择，win键等。
对于快捷键的学习，先看看默认有哪些是标准的、主流的，快捷键之间有没有什么内在规则，找出快捷键的分类方式。
Visual Studio代码的键绑定官网文档

Vim学习曲线陡峭，重要愿意是“模态”概念，把输入文本信息，光标移动，文本操作等分开为不同的模态，不同“模态”各有一套自己的快捷键。

掌握一套设计良好的快捷键，是折腾编辑器的过程中最划算的投资。大部分编辑器都支持自定义快捷键，这样直接使用自己熟悉的那一套。

编程语言与框架

根据应用场景，对应的编程语言，有对应的IDE环境与编辑器。

工作流的选择和支持

IDE与编辑器的选择
vim并不自带资源管理器，查看文件树并快速浏览切换文件，需要额外的插件。
VS Code自带了版本管理，对版本管理在软件开发过程中的重要地位的一种认同。

用户定制插件

如果编辑器支持用户写插件来定制功能，“上限”就很高了，由于最终还是要落实到社区和个人，真正高度难说了。
像Emacs、Eclipse、Atom允许任意功能的工具。Eclipse插件开发语言是Java。Atom和VS Code的插件开发语言是JavaScript。Vim用自己的viml。

10 个必装的 VSCode 编辑器插件

插件名称：vscode-icons文件图标
vscode-icons 插件可以实现对各种文件类型的文件前的图标进行优化显示，这样我们在查看长长的文件列表的时候，可以直接通过文件的图标就可以快速知道文件的类型，而不是去看文件的后缀。
插件名称：Beautify代码美化
Beautify 插件可以快速格式化你的代码格式，让你在编写代码时杂乱的代码结构瞬间变得非常规整，代码强迫症必备，较好的代码格式在后期维护以及他人阅读时都会有很多的便利。
插件名称：ESLint代码检查工具
ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。

而 VSCode 中的 ESLint 插件就直接将 ESLint 的功能集成好，安装后即可使用，对于代码格式与规范的细节还可以自定义，并且一个团队可以共享同一个配置文件，这样一个团队所有人写出的代码就可以使用同一个代码规范，在代码签入前每个人可以完成自己的代码规范检查。

插件名称：Debugger for Chrome必备调试工具
你可以直接在 VSCode 中加上断点，点击运行后，Chrome 中的页面继续运行，执行到你在 VSCode 中添加的断点后，你可以直接在 VSCode 中进行单步调试。
s
插件名称：Code Runner万能语言运行环境
如果你需要学习或者接触各种各样的开发语言，那么 Code Runner 插件可以让你不用搭建各种语言的开发环境，直接通过此插件就可以直接运行对应语言的代码，非常适合学习或测试各种开发语言。
插件名称：Document This快速注释
快速地帮你生成注释，如一些函数的注释还能帮你抽取出参数的定义等
插件名称：IntelliSense for CSS class names in HTMLCSS 类名智能提示
在 HTML 中调用定义好的样式名时，有时需要经常在 HTML 与 CSS 文件之间切换，来回地查看你已定义好的 CSS 类名。
而有了 IntelliSense for CSS class names in HTML 插件后，你可以在 HTML 中需要调用 CSS 类名的地方，此插件会智能地给你已定义 CSS 类名的提示。
插件名称：Code Spell Checker代码拼写检查
写代码毕竟都是大量的英文单词变量定义，插件还可以给出错误拼写单词的建议。
插件名称：TODO Highlight备忘插件
在很多的其他代码编辑器中都有 TODO 标注功能的，如你写到某一部分的代码时，其中部分的功能需要稍后再来实现，这是就可以在对应的代码处添加一个 TODO 类型的注释，那么后期就可以快速地跳转到这部分继续写，而且当项目很大的时候，TODO 就变得更加有用，因为有时候 TODO 可能有几十个，帮助你标注那些功能需要继续实现或优化。

性能、语言支持、开源与开放平台

VS Code的源代码以MIT协议开源。这不仅意味着大家能够从Github上免费获得核心代码，更意味着基于代码开发自己的产品。例如SourceGraph、StackBlitz、CodeSandbox等提供非常接近VS Code的开发体验。
Visual Studio Code是一个轻量但功能强大的源代码编辑器，可在桌面上运行，适用于Windows，macOS和Linux。它内置了对JavaScript，TypeScript和Node.js的支持，并具有丰富的其他语言（如C ++，C＃，Java，Python，PHP，Go）和运行时（如.NET和Unity）的扩展生态系统。在平台上，编辑器开发者、编程语言工作者和社区，各自做自己擅长的事，每个人都能参与其中，把产品往自己希望的方向推进，一起成功。

下载版本： VS Code官网

稳定版Stable：每个月发布一个主版本
业内人士Insiders：每周一到五早晨6点发布一个版本，第一时间用上自己新加的功能

页面

Visual Studio代码官方提示和技巧

欢迎页面包含：快速打开文件及文件夹、历史记录、帮助、自定义工具语言快捷键、学习等模块。
界面概览

快捷键F1打开VSCode的命令面板 ,搜索“打开键盘快捷方式”，调出快捷键的设置界面
VSCode的绝大部分命令都能从命令面板找到，所以只要熟悉命令面板，就能不用鼠标，完全使用键盘来完成编码工作。