背景之前我只是用WebStorm作为IDE来写代码，但是因为：手上的Mac连接两台显示器后，使用WebStorm时WebStorm会卡顿。WebStorm需要付费（虽然可以通过某种方式协调）。所以你需要找一个新的编辑器或者IDE来边写边写代码。为什么选择VSCodeVSCode的性能显然归功于Atom。VSCode的插件系统使用起来比Sublime方便多了。与WebStorm相比，VSCode是免费的。VSCode配置注意：目前VSCode相关配置是基于v1.20.1版本。用户设置可以在Preferences->Settings中设置，可以设置VSCode相关的属性。目前有如下调整字段："editor.fontSize":16。此设置用于调整编辑器中的字体大小。当前设置size为16。"files.autoSave":"onFocusChange",这个设置用来调整编辑器的自动保存策略，current字段的意思是文件失焦时保存，即切换到其他应用程序或文件时自动保存一次。"editor.cursorWidth":2,该设置用于控制光标的粗细，当前设置大小为2。"editor.suggestSelection":"recentlyUsedByPrefix",该设置用于控制自动补全的提示，目前设置的是根据之前已经提示过的前缀进行提示，大概意思是你上次通过co选择了const，这次再次输入co时，也会提示你选择const。CodeSnippetVSCode可以通过调用codesnippet的函数将指定的文本插入到编辑器中。具体操作步骤为Preferences->UserCodeSnippet->NewGlobalCodeSnippet。我们可以添加一些常用的文件声明注释、常用模板等代码片段，避免频繁的复制粘贴和重复劳动。我举一个简单的文件说明注释的例子来说明下面这个功能：{//将你的javascript代码片段放在这里。每个片段都在片段名称下定义，并具有前缀、正文和//描述。前缀是用于触发代码段的内容，主体将被展开和插入。可能的变量是：//$1，$2用于制表位，$0用于最终光标位置，${1:label}，${2:another}用于占位符。//具有相同ID的占位符已连接。//示例：//"打印到控制台":{//"prefix":"log",//"body":[//"console.log('$1');",//"$2"//],//"description":"Logoutputtoconsole"//}"JS&TSdescription":{"prefix":"jsfile","body":["/**","*@module${TM_FILENAME_BASE}","*@author:Hjava","*@since:${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}","*/","","'usestrict';",""],"description":"插入描述。"其中，JS&TSdescription表示该片段的名称，其他具体字段含义如下Display：字段描述前缀prefix，即当你在编辑器中输入的内容是指定的内容时prefix，可以在编辑器建议中选择这个片段主体的具体文本内容，选择这个片段后，这个数组会按照\n组合输出到编辑器中。还有一些具体的常量，在输入的时候可以得到一些信息，比如：${CURRENT_YEAR}：当前年份，具体的字段可以看这里：写这篇文章的时候，1.20.0版本增加的一些常量没有上它在文档中，具体的字段是：CURRENT_YEAR：年（4位）CURRENT_YEAR_SHORT：年（2位）CURRENT_MONTH：月CURRENT_DATE：日CURRENT_HOUR：小时CURRENT_MINUTE：分钟CURRENT_SECOND：秒描述描述，这个会显示在片段描述中字段的文本内容。具体实例效果如下：插入后效果如下：左侧插件面板中有插件，可以搜索、安装、卸载插件。推荐的插件有：AutoCloseTag，可以在你写HTML的时候自动为你添加关闭标签。自动重命名标签，可以在您修改标签时自动调整与之配对的另一个标签。js-beautifyforVSCode，可以格式化你的JavaScript文件。当然，它也提供了格式化JSON的能力。美化css/sass/scss/less，可以让你格式化CSS相关的文件。更好的评论，可以使您的评论看起来更友好。Document这可以自动给函数和方法添加注释。ESLint就不用说了，为VSCode提供了ESLint相关的功能。PostCSS语法高亮使VSCode能够支持PostCSS语法。vscode-icons可以将图标标识添加到你的文件树中。总结VSCode一般来说是一个使用起来比较方便的编辑器，可以通过一些特定的插件来提高你的工作效率。与其他IDE或编辑器相比，它有自己独特的优势。
