这两天跟着视频学些前端知识,看到讲解的老师用的编辑器 Sublime Text。
在知乎里,看到有些人在 Mac 上,前端编辑器的选用路线是这样的:Sublime -> Atom -> WebStorm -> VSCode
- 放弃 Sublime 的原因是不好用
- 放弃 Atom 的原因是性能堪忧
- 放弃 WebStorm 的原因是太占内存
那我就从 Sublime Text 玩起,也许是人的原因,工具对编码效率的影响甚微。
Sublime Text 页面简洁;对于写前端代码,配合好快捷键和它的智能提示与补码,感觉效率挺高。
试验了一下如下常用的快捷键,记录汇总,方便前期不熟练频繁查看(复制、前切、粘贴、全选、搜索、保存、关闭页面、撤销、恢复撤销、这类系统通用的省略):
- command + T:查询/前往文件
- command + shift + T:重新打开最近关闭的文件
- command + R:查询/前往 funcdtion | method
- command + L:选择当前光标整行
- command + D:选择当前光标所在单词,继续按 command + D 同时选中下一个同样单词,被选中的单词可被同时修改
- command + shift + D:复制当前行
- command + J:合并行
- control + shift + K 或 command + X:删除当前行
- command + K + K:删除光标到行尾
- command + delete:删除光标到行首
- command + K + U:转换为大写
- command + K + L:转换为小写
- Comamand + shift + V:粘贴并缩进
- command + shift + F:查找与替换
- command + /:注释 / 取消注释
- control + M:前往匹配的括号
- command + option + V:从历史中粘贴
- command + P:跳转、前往文件、前往项目、命令提示、前往 method 等
- control + G:前往指定行
- control + -:光标跳回上一个位置
- control + shift + -:光标位置恢复
- control + `:打开控制台
- command + control + ↑ 或 ↓:当前行向上或向下整行移动
- command + enter:当前行后插入新行
- command + shift + enter:当前行前插入新行
- command + 数字:跳转到对应的标签页,用于快速切换不同文件
- command + option + 1或2或3或4或5:分屏为 1 列或 2列或 3列或 4列 或网格 4 组
- control + 数字: 焦点移动到相应的分屏
- control + shift + 数字: 移动当前文件到相应的分屏
- 安装 Emmet 插件,按照规则生成 html 代码,如输入 ul>li*3 会得到
<ui>
<li></li>
<li></li>
<li></li>
</ui>
对于生产工具的认识,突然想到金庸老爷子的神雕侠侣里,杨过在山谷选兵器的场景。
- 无名长剑:凌厉刚猛,无坚不摧,弱冠前以之与河朔群雄争锋。
- 紫薇软剑:紫薇软剑,三十岁前所用,误伤义不祥,乃弃之深谷。
- 玄铁重剑:重剑无锋,大巧不工。四十岁前恃之横行天下。
- 木剑:四十岁后,不滞于物,草木竹石均可为剑。自此精修,渐进于无剑胜有剑之境。
战斗力的高低,在使剑的人!