Sublime Text3 常用快捷键动画演示及优秀插件分享

今天分享的是前端神器 Sublime Text ,以其精简的界面以及可DIY的功能设置让广大fans为之疯狂!!!

首先是安装问题,可以直接在其官 上下载软件安装包:http://www.sublimetext.com/3;安装完成后,在 络上搜索下注册码看下有没有共享。

为了激发神器的巨大威力,下面搜集了各种操作秘诀以飨大家。PS:大部分图片和文字来自 络,这里只是略微排版方便查阅。

测试操作系统:Windows
测试软件版本:Sublime Text3 3059

Sublime Text3 操作部分

1. 就近选择相同项: 

把光标放在一个单词上,按下ctrl+d,将选择这个单词。一直按住且按多次,将选择当前选中项的下一个匹配项。通过按住ctrl,再按D三次,将选择三个相同的文本。

3. 选择文本的包裹标签:  (ESC键下面的那个)

这是一个法宝。也许你希望所有属性保持不变,但只是想选择标签。这个快捷键为你这样做,会注意到你可以在一次操作多个标签。ps:需要Emmet插件(可以直接到后面看插件的安装)

5. 选择括 内的内容: 

这有助于选择括 之间的一切。同样适用于CSS。

7. 复制行或选中项: 

如果你已经选中了文本,它会复制你的选中项。否则,把光标放在行上,会复制整行。

9. 单行剪辑或选中项: 

11. 用标签包裹行或选中项: 

13. 大写和小写: 大写、小写

15. 删除一行: 

这个就不用图了吧

Sublime Text3 插件部分

首先是安装包管理器Package Control,Sublime Text3的指令已经更新了,Sublime Text2更新上来的童鞋注意下
Ctrl+`打开控制台或者View->Show Console菜单打开命令行

就是上面这串东西了,然后就可以接下来的安装插件了

Tips: 插件名字链接到github, 络不好的童鞋自行下载包扔到打开的文件夹下面,然后解压,重启Sublime就行

1. emmet

这个没有什么好说的,类似jQuery的语法,编码蹭蹭往上提。不过要求PyV8环境(安装完后你会看到有一个文件夹),最好还是选择在线装吧。

 输入  等待读取服务器列表,输入第一个就是了

ps:最好看一下 github里面的简单教程

3. 控制台呼出插件Terminal

用node,Grunt等等要调出控制台的娃知道的,简直神奇有木有,装上就能用。

Tips:快捷键 呼出当前文件路径的控制台

其实只要有JS就够了,不过或许某天你要写PHP了呢是吧,留着吧。

然后打开Sublime创建个文件试一下,如果还不行就按下  开启提示功能

Sublime Text3 添加右键菜单和快捷开启浏览器

添加右键菜单

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2017年1月25日
下一篇 2017年1月25日

相关推荐