Sublime的使用

引言
之前一直都用一些重量级的IDE工具,后来发现sublime是如此的美丽简洁,所以就心血来潮想要学习一下,进过了一天的折腾,终于对sublime有了初步的理解。所以写一篇博客来分享一下所学到的东西。也方便自己日后回顾。值得一提的是,当你熟悉了sublime的操作的时候,你会发现用起sublime来绝对是比其他IDE工具好用很多的。我是用sublime来进行前端开发的,所以就分享一下我对sublime折腾的过程。

常用的快捷键
快捷键是提高代码编辑效率的一大利器,下面是本人在使用过程中经常使用到的快捷键。
当然你可以通过snippet来自定义快捷键,这也是sublime强大的地方

快捷键用途备注
Ctrl+pGo to anything可以快速的查找任何东西
Ctrl+Shift+P命令模式支持模糊匹配
Tab代码补全
Ctrl+Enter在当前行下新增一行
Ctrl+Alt+Enter在当前行上新增一行
Ctrl+L选择当前行
Alt+Shift+(1/2/3/4)切换到1/2/3/4屏一般用到单和双屏

//暂时回忆起这么多,欢迎各位帮忙补充。

Go to anything 的使用
Goto anything 的好用之处就是你可以用这个东西来查找你要的任何东西。就像是他的名字所描述的那样。
首先是查找项目中的任意文件
按下Ctrl + P快捷键后,输入你想要查找的文件,这样就不用你用鼠标一个一个地去翻文件夹了。值得一提的是,你不用输入文件的全部路径和全称,这个功能也是支持模糊匹配的。
这里写图片描述

用 Ctrl + P 后 @ (或是Ctrl +R)可以快速列出/跳转到某个函数
(对于js来说,列出的是当前文件的函数列表,对于html文件来说,列出的是当前的id,对于css来说列出的是所有的样式选择器)
用 Ctrl + P 后 # 可以在当前文件中进行搜索。
用 Ctrl + P 后 : (或是Ctrl+G)加上数字可以跳转到相应的行。
而更酷的是你可以用 Ctrl +P 加上一些关键词跳转到某个文件同时加上 @ 来列出/跳转到目标文件中的某个函数,或是同时加上 # 来在目标文件中进行搜索,或是同时加上 : 和数字来跳转到目标文件中相应的行。(没有尝试过,那么现在就在小试一下)
    boxy.js @Boxy 搜索boxy.js 文件中的Boxy函数
    boxy.js #active 搜索boxy.js 文件中的active关键字
boxy.js :12 跳转到boxy.js文件中的第12行

插件的安装
要用sublime做前端开发的话,自然少不了自己安装一些辅助的插件来是代码工作提速的啦。
要安装插件的话,首先要先安装一个怕package control,因为通过package control, 我们可以更好的安装和管理插件。安装的过程也很简单,首先登录package control的官网
选择你的sublime的版本
把上面的这段代码复制下来,然后再sublime上面的工具栏中,选择View>show console 来打开控制台,把上面的代码粘贴到控制台,敲回车,等待安装的完成。重启sublime,用命令行(Ctrl+Shift+P)输入pc如果出现以下界面就是安装完成了,接下来就可以安装其他的插件了。
这里写图片描述

既然是前端,肯定少不了css和js,所以我们还要安装js和css的语法检测,(如果你足够强大,肯本不需要用到语法检测,也可以不安装哈~~~)
//今天时间不够啦,先写到这里,未完待续~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值