VScode 不得不说的那些事儿

写在开头，关于文本编辑器的选择，本文只是做了推荐，并结合自身的使用进行下分享
不喜勿喷，毕竟适合自己的才是最好的
关于VScode的背景、底层架构等，就不赘述了，会用就足够了，废话不多说，马上开始

一、常规基础使用配置 【文件 - 首选项】

当我们打开一款编辑器的时候，我们首先看到的就是它的UI设计。我想大方简洁的外观应该是开发人员一贯所喜爱的，所以我们要介绍下面两种常用的主题配置：颜色主题 和 图标主题

• 颜色主题： 比较推荐 暗色系 风格，例如： 内置默认的 Dark+ 或者是 Material Theme
  
• 图标主题： 由于编辑器所处理的内容多种多样，各类语言类型，因此辨识度较高的文件图标也是非常有必要的，例如：爆款图标主题 vscode-icons
  

经过上面的设置之后我们便有了很大兴趣开始文档编辑，那么我们将对一些常用的基础配置进行了解。在开始之前呢，我们要先普及下 用户设置 和 工作区设置 的有何区别？

• 用户设置：全局应用于使用的所有VS代码示例的设置
• 工作区设置：仅存储在工作区内的设置，仅在打开工作区时使用

以用户设置为例，对常用的配置进行说明，在 [首选项 - 设置] 中 打开 设置 页面：

• Auto Save， 自动保存，默认关闭 off
  

  • afterDelay： 延迟自动保存，通过 Auto Save Delay 设置延时时间，单位毫秒。
    
  • onFocusChange：当前文件焦点离开时自动保存。例如：打开了一个其他的文件，当前文件进行自动保存。
  • onWindowChange：当前窗户[VScode]焦点离开时自动保存。例如：文件编辑过程中，打开了Chrome，搜索了些资料，此时文件已经保存。

• Tab Size，制表符等效空格数，默认为 4，一些语言类型的文件中的要求会不同，这里需要注意。
  

• Multi Cursor Modifier，多光标同时编辑，默认使用： alt
  

• Word Wrap，折行，顾名思义就是一行内容较多是否自动换行展示（折行就不会出现横向滚动条，建议设置为：on [视觉宽度处换行]）
  

完成了以上的基础常用配置之后，我们就要开始文件编辑工作了，那么在日常的使用中，提高我们的编辑效率的还有什么呢？

当然是快捷键君了，提到快捷键，首先从你脑中浮现的是不是这两个？ Ctrl + C 、Ctrl + V

除了这两个神级快捷键，VScode中还有很多常用的快捷键，比如：

• Ctrl + X：剪切
• Ctrl + F：查找
• Ctrl + H：替换
• Ctrl + S：保存
• Ctrl + /：行注释
• Shift + Alt + A：块注释
• Ctrl + Shift + Enter：上方插入一行
• Ctrl + Enter：下方插入一行
• Ctrl + Shift + F：文件夹查找
• Alt + Shift + F：格式化代码
• 除此之外，根据我们的使用习惯可以安装其他编辑器的快捷键插件工具，Ctrl + K + Ctrl + M，在商店中选择安装。
  

二、个人使用

谈起个人使用，常用于偏后端的开发过程中，编辑些配置文件，调试简单的Demo程序。前端方面的话，一般是用来查看些页面文件，调调样式之类的。

• 同步页面预览，类似热部署似的效果，边保存文件边预览效果。推荐插件：Live Server，默认在5500端口
  

• 简单Java程序运行，最好是单文件程序，当然VScode也支持 Maven、Spring 等项目，但我更倾向于在 IDEA 中进行项目调试，这里推荐的插件：Java Extension Pack、Code Runner，除此之外，还需要安装JDK（这个就不用讲了吧，配置好环境变量）
  
  推荐插件

• CSS Peek： HTML中的CSS样式关联映射

• Prettier： 代码格式化插件，安装后右键就会出现格式化选项

• HTML Boilerplate： HTML文件模板

• …