一.视野篇

做开发的,编辑器视野对我们的开发体验来说至关重要。好的编辑器视野能让我们代码写起来更舒服,多余的分块区域容易分散我们的注意力,以及减少我们写代码的区域。

全屏模式

快捷键:F11

这样可以把顶部的菜单隐藏了,一般来说进入项目后顶部工具栏作用不大,可以隐藏掉增加开发视野

打开和关闭资源管理器

Ctrl +B

B可以理解为sidebar的bar,有时候改来改去就那么几个文件了,可以把资源管理器收起来,增加开发视野

代码折叠

折叠:Ctrl + Shift + [

展开:Ctrl + Shift + ]

代码都是一段段,一块块的,与其在屏幕中用鼠标上下滚动,还不如写好备注,把这些写好的块折叠起来,整个页面脉络瞬间清晰了。

切换换行

Alt + z

z姑且理解为折叠的拼音首字母吧。有时候有些代码在一行里写的比较长,以至于需要拖动编辑器底部的滚动条才能看到右边的代码,这种情况只要按下 Alt+z,代码就能快速换行了,这样就可以看到右侧溢出去的代码,为了整洁还能再按一次Alt+z让代码变回不换行

快速分屏

Ctrl +\

譬如在写vue的时候,需要看着视图部分的代码,来写script部分,这时候分屏就起到很重要的作用了,又省了鼠标上下滚动的繁琐操作。

禅模式

进入:先按下 Ctrl+ k,然后松开键盘,再按下 z

退出:连按两次 esc

满屏幕只有当前页正在写的代码,高度专注于当前正在写的代码块,视觉上爽歪歪,再也不用被周围那些切割视窗分散注意力了。

二.编辑篇

复制当前行

Shift + Alt + 【向下键】

有些代码长差不多的,手动复制麻烦,这时候就能用快捷键就可以快速复制当前一行了。【这个对选中的一块代码也是有用的】

移动当前行

Alt + /

有时候我们写了一行代码,想把当前行往上挪动,这样就能快速交换上下两行了。【这个对选中的一块代码也是有用的】

删除当前行

Ctrl + Shift + d

d就是delete的意思,很好记【这个对选中的一块代码也是有用的】

搜索和替换

当前页搜索:Ctrl +F

替换:Ctrl +H

查找的F就是find,很好记。至于替换,本来应该是Ctrl+R才对的,replace嘛,可惜R早被占用了,所以后来很多软件都用Ctrl+h作为替换,向微软Office看齐

跳转到特定行数

Ctrl + g

g可以理解为go,去到某一行,有时候我们在报错信息里会提示我们代码里某一行发生错误了,用这个快捷方式就能快速定位到某一行去,减少鼠标滚动操作

代码格式化

Shift + Alt + f

没啥好说的,用多了就记住了吧。能快速格式化当前页代码,就不用在写代码的时候特别注意格式规范了。当然我们搞前端的还能用eslint之类的插件,设置为保存时自动格式化就好了。