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

大家好,第一次写博客,我想把我所学分享给大家,我刚从事前端一年半,还有很多要去学习,希望各位读者不吝赐教,希望与大家一起共同学习共同成长,遇见更好的自己!
作为一名前端工作者,我最早接触的开发工具就是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+鼠标右边拖动 随意产生多行游标

前端开发工具技巧介绍—Sublime篇_第1张图片~~” title=”” />

祝大家生活愉快~(^o^)~

你可能感兴趣的:(前端,前端开发,开发工具,dreamweaver,博客)