如何开发chrome插件 Sublime Text 2 的插件

Sublime Text 2 使用及插件介绍 | Hugo Web前端开发
我的图书馆
Sublime Text 2 使用及插件介绍 | Hugo Web前端开发
之前就听说过该软件,试用了下,自己不太熟悉就没去深入了解使用了,昨天在公司上班的时候,小王子又在群里介绍了这个软件,于是乎再次打开试用,自己摸索了下,发现确实很不错。整体配色方案看上去也很舒服自然。可扩展性很强。一、快捷键包含了大量快捷操作,而且还很方便修改和追加自己喜欢的快捷键。查看快捷键的方式也很简单。点击菜单栏:Preferences-&Key Bindings - Defaults 即可查看。如果要定义自己的快捷键,可以在Preferences-&Key Bindings - Users 里进行设置,相当方便。Ctrl+L选择整行(按住-继续选择下行)Ctrl+KK从光标处删除至行尾Ctrl+Shift+K删除整行Ctrl+Shift+D复制光标所在整行,插入在该行之前Ctrl+J合并行(已选择需要合并的多行时)Ctrl+KU改为大写Ctrl+KL改为小写Ctrl+D选词(按住-继续选择下个相同的字符串)Ctrl+M光标移动至括号内开始或结束的位置Ctrl+Shift+M选择括号内的内容(按住-继续选择父括号)Ctrl+/注释整行(如已选择内容,同“Ctrl+Shift+/”效果)Ctrl+Shift+/注释已选择内容Ctrl+Space自动完成(win与系统快捷键冲突,需修改)Ctrl+Z撤销Ctrl+Y恢复撤销Ctrl+Shift+V粘贴并自动缩进(其它兄弟写的,实测win系统自动缩进无效)Ctrl+M光标跳至对应的括号Alt+.闭合当前标签Ctrl+Shift+A选择光标位置父标签对儿Ctrl+Shift+[折叠代码Ctrl+Shift+]展开代码Ctrl+KT折叠属性Ctrl+K0展开所有Ctrl+U软撤销Ctrl+T词互换Ctrl+Enter插入行后Ctrl+Shift Enter插入行前Ctrl+K Backspace从光标处删除至行首Ctrl+Shift+UP与上行互换Ctrl+Shift+DOWN与下行互换Shift+Tab去除缩进Tab缩进F9行排序(按a-z)二、插件个人感觉,支持插件的软件或工具,都是相当不错的。插件可手动***和自动***,有点不爽的是,这软件无法设置代理,有些网络环境可能不允许访问陌生网络,从而导致自动***方式失效。比如我公司,自动***无法使用,只能选择手动***。当然,也可以在家用绿色版的Sublime Text ,将插件装好配置好,再拿到公司用。也是一样的方便。1、手动***直接下载***包解压缩到Packages目录(菜单-&preferences-&packages)2、自动***(使用Package Control组件***)1)按Ctrl+`调出console2)粘贴以下代码到底部命令行并回车:1import urllib2,pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else Nopen(os.path.join(ipp,pf),'wb').write(urllib2.urlopen(''+pf.replace(' ','%20')).read())3)重启4)如果在Perferences-&package settings中看到package control这一项,则***成功。如果这种方法不能***成功,可以。用Package Control***插件的方法:按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车,然后在列表中选中要***的插件。一些常用的插件,可查看如下文章:我猜都是翻译国外某些文章,插件推荐的也都大同小异的。个人觉得SideBarEnhancements这个插件不错。这么多年来,还一直用Dreamweaver,其中一个原因是它搜索查找功能很强大,可以整个项目或文件夹进行搜索,也支持正则查找替换。而这插件也有类似的项目搜索功能,用起来也是相当方便。三、代码片段写代码,都少不了自己一些常用的代码片段,Sublime Text也提供了设置代码片段的方法。在Tools-&New
中可以新建自己的代码片段新建snippet会默认显示如下代码,可以这个为模板进行修改。123456789&snippet&&&&&&content&&![CDATA[Hello, ${1:this} is a ${2:snippet}.]]&&/content&&&&&&!-- Optional: Set a tabTrigger to define how to trigger the snippet --&&&&&&!-- &tabTrigger&hello&/tabTrigger& --&&&&&&!-- Optional: Set a scope to limit where the snippet will trigger --&&&&&&!-- &scope&source.python&/scope& --&&/snippet&使用时,先取消注释的内容。content标签包含的内容就是需要显示的代码片段。其中${1:this} 是表示产生代码片段后,光标停在this这个位置。${2:snippet}表示,产生代码片段后,按tab健光标跳到 snippet位置。tabTrigger标签 相当于快捷键,比如上面代码hello:输入hello然后按tab键即可显示content标签的内容。scope标签可选,默认不写则对所有文件格式生效,如果设置了,则对相应的文件或文件格式生效。最后设置好后,&将文件保存在”packages/User”目录下,以sublime-snippet为扩展名。重启sublime text 2,该snippet即可使用了。关于snippet的详细内容可参看文章:最后不得不说这是个很强大又轻量的软件,工程师必备!
TA的最新馆藏
喜欢该文的人也喜欢

参考资料

 

随机推荐