前端开发工具技巧介绍—Sublime篇

Posted 2021-04-08 筑梦前端

作为一名前端工作者，我最早接触的开发工具就是Dreamweaver了，这可谓是最经典的一个开发工具，再此我就不多介绍了。想要成为一名优秀的码农，我想有一个方便快捷的开发工具会事半功倍。下面我就开始介绍我比较喜欢的一个开发工具——Sublime Text3。 

首先，我们开比较一下这两个开发工具的优缺点： 
1、先从启动速度说，Dreamweaver是远远没有Sublime启动的快，这也是我喜欢用Sublime的原因之一。 
2、在页面展示方面，Sublime可以选择性展示侧边栏，这一点和Notepad++有点像，而Dreamweaver没有。 
3、在注释代码方面，Sublime可以使用快捷键Ctrl+L（不区分大小写）可以对html、js、css、等注释，而不必想Dreamweaver那样还有考虑一下它是什么类型的代码。 
4、在视觉效果方面，Dreamweaver虽然也能改变背景色代码颜色什么的，但还是没有Sublime来的方便直接，你可以选择自己喜欢的展现方式去高亮显示你的代码。 
5、在查找文件方便，Dreamweaver只能单文件查找，且不能查找其父级或兄弟文件，Sublime却完美的做到了这一点，点击导航栏的转到—转到任何就会弹出搜索框，你可以在搜索框里属于你想查找的内容或目录或文件名。也可以用快捷键Ctrl+p快速启动搜索框。 
6、查找与替换，这一点两者不分伯仲，但Sublime在查找与替换的基础上增加了一下多行游标功能，在选中一个你所要找的代码，按Ctrl+D逐个选中，选中后你会发现每个关键字后面都会有一个闪动的光标，这是你就可以同时操作多行代码了，哈哈~~~是不是很方便。 

Sublime的功能远远不止这些，还有大家慢慢去发现，下面我就简单介绍几个常用的快捷键。 
Ctrl+N 新建文件 
Ctrl+P 转到任何 
Ctrl+F 查找 
Ctrl+H 替换 
Ctrl+Shift+F 查找与替换 
Ctrl+/ 注释（再按一次取消注释） 
Ctrl+K,Ctrl+B 打开侧边栏 
Ctrl+Shift+D 快速复制 
Ctrl+D 逐个产生多行游标 
Alt+F3 一次性产生多行游标 
Shift+鼠标右边拖动 随意产生多行游标

温馨提示：文章素材来源于网络，版权归原作者所有！