VScode 不得不说的那些事儿

版权声明:未经博主本人同意,请勿私自转发分享。 https://blog.csdn.net/Nerver_77/article/details/89286822

写在开头,关于文本编辑器的选择,本文只是做了推荐,并结合自身的使用进行下分享
不喜勿喷,毕竟适合自己的才是最好的
关于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 + CCtrl + V

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

扫描二维码关注公众号,回复: 5897517 查看本文章
  • 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 PackCode Runner,除此之外,还需要安装JDK(这个就不用讲了吧,配置好环境变量)
    在这里插入图片描述
    推荐插件

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

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

  • HTML Boilerplate: HTML文件模板

猜你喜欢

转载自blog.csdn.net/Nerver_77/article/details/89286822