Zen Mode 译为“禅”模式,在日常开发中释意为专注开发模式,在这种模式下不仅可以快速的榨干你的头脑风暴,还能提高编码效率,让你能够在工作中出色的完成任务,然后,嘿嘿~~愉快的摸鱼!!!
当你打开这篇文章的时候可能是因为不清楚 Zen Mode 是什么,感到好奇才点进来,但是当你看完了第一段之后,可能立马就产生了关掉这篇文章的冲动,这不就是专注开发吗,也不是什么新鲜玩意,大道理我都懂,我还凭啥看你的文章。那么打扰了,客官可以出门右拐继续刷抖音了。
在我们的日常开发中,编码尤为重要,但是编码不是我们开发的全部,毕竟我们不是一个人在工作,有时候用嘴敲代码也是很爽的。除去用嘴敲代码这个途径,手敲代码还是我们日常的主要工作,下面所有的内容均以前端开发作为示例,阐述一下在我工作中的 Zen Mode。
前端工作流
前端开发少不了 Chrome 和 VSCode 这两个东西,而且我们会频繁在这两个工具中来回切换,在我的眼里,前端开发者分两种,一种是只有一块屏幕的人,另一种是拥有好多块屏幕的人。。。
在这两种人里面,开发效率当然是第二种人胜出,毕竟拥有两块屏幕可以减少切换开发软件的时间,只需要眼睛瞟一下就能看到代码所展示出来的效果。那么我们只有一块屏幕的人就不配嘛?
下面先来说一下在以界面为驱动的开发中,怎么充分利用一块屏幕来完成我们的工作。
分屏开发
在这种开发模式下我们可以看到一个很大的缺点,编码区域只给我们剩下了一丢丢,能够浏览的代码行数是少之又少,如果真的是在这样的模式下开发的话,那么别说提高开发效率了,不降低开发效率都算是好的。
但是这种开发模式真的没法拯救了嘛?不是的,我们仔细看一下,其实在 VSCode 中,资源导航和底部的 CMD 窗口占据了很大一部分,其次就是顶部菜单栏,如果我把他们都去掉呢?
这样就能清爽很多了,而且目之所及全是代码区域,关闭方法就是在 View => Appearance => Show xxx 中,可以有选择的关闭你想关闭的区域。
那么又有人说了,我都关了我怎么去切换文件进行开发,怎么打开命令行来进行项目管理和 Git 提交呢?那么重点就来了,VSCode 常用快捷键之一:
快捷键 | 描述 |
---|---|
Ctrl + B | 显示/隐藏侧边栏 |
Ctrl + ` | 显示/隐藏命令行窗口 |
Ctrl + P | 查找 工作区文件,回车打开所选文件 |
Ctrl + Shift + E | 切换到侧边栏资源管理器 |
Ctrl + Shift + F | 切换到侧边栏全局搜索功能 |
沉浸式开发
在一块屏幕下开发我更喜欢 Zen Mode,这样才能让我更专注,界面上的展示完全可以在头脑中预演一遍,而不是每敲一行代码就要去看一下界面如何展示,这样只会拖慢你的开发进度。
在 VSCode 界面下按 F11 进入全屏模式,关掉侧边栏和底部 CMD 窗口,开始你的 Zen Mode 工作模式。
在这种 Zen Mode 模式下开发会让你无比专注于你敲下的每一行代码,桌面上的消息,CMD 窗口五彩斑斓的编译消息都与你无关,目之所及只有代码。
但是你想体验这种编码的快感是需要付出代价的,那就是前期强迫自己去使用快捷键的代价!!!因为你关掉了资源管理器,那么切换未打开的文件时只能用 Ctrl + P 来检索,想要全局查找时只能用 Ctrl + Shift + F等等。
千万不要轻视这些快捷键的使用,为什么叫做快捷键呢,他就是为了让你更加快速的访达自己想要的功能,让你的双手不必要离开键盘就能快速的打开对应的界面,这些小习惯会给你带来无比巨大的收益,就像我开篇所说的愉快摸鱼。
我一直在训练自己不去接触鼠标,这样就能让我在编码的每一刻都在编码,而不是拖动鼠标去做一些无意义的动作。
放弃鼠标吧
养成这样的一个编码习惯会让你受益很多,作为一个码农,智商不够那就代码量来凑,当你连打字都需要看键盘的时候,那你就需要反思了,我敢说你前面所加的班都是无意义的班,都是自己强迫自己去加的班,跟着我一起来解放鼠标,拥抱键盘吧!!!
1、注释:
a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/
b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u)
c) 多行注释:[alt+shift+A]
d) 多行注释:/**
2、移动行:alt+up/down
3、显示/隐藏左侧目录栏 ctrl + b
4、复制当前行:shift + alt +up/down
5、删除当前行:shift + ctrl + k
6、控制台终端显示与隐藏:ctrl + ~
7、查找文件/安装vs code 插件地址:ctrl + p
8、代码格式化:shift + alt +f
9、新建一个窗口 : ctrl + shift + n
10、行增加缩进: ctrl + [
11、行减少缩进: ctrl + ]
12、裁剪尾随空格(去掉一行的末尾那些没用的空格) : ctrl + shift + x
13、字体放大/缩小: ctrl + ( + 或 - )
14、拆分编辑器 : ctrl + 1/2/3
15、切换窗口 : ctrl + shift + left/right
16、关闭编辑器窗口 : ctrl + w
17、关闭所有窗口 : ctrl + k + w
18、切换全屏 : F11
19、自动换行 : alt + z
20、显示git : ctrl + shift + g
21、全局查找文件:ctrl + shift + f
22、显示相关插件的命令(如:git log):ctrl + shift + p
23、选中文字:shift + left / right / up / down
24、折叠代码:ctrl + k + 0-9 (0是完全折叠)
25、展开代码:ctrl + k + j (完全展开代码)
26、删除行 :ctrl + shift + k
27、快速切换主题:ctrl + k / ctrl + t
28、快速回到顶部 :ctrl + home
29、快速回到底部 : ctrl + end
30、格式化选定代码 :ctrl + k / ctrl +f
31、选中代码 :shift + 鼠标左键
32、多行同时添加内容(光标) :ctrl + alt + up/down
33、全局替换:ctrl + shift + h
34、当前文件替换:ctrl + h
35、打开最近打开的文件:ctrl + r
36、打开新的命令窗:ctrl + shift + c
想要体验 Zen Mode 模式下开发的快感就先慢慢熟悉这些快捷键吧。