sublime text3 的安装与插件使用

今天来总结一下  sublime text 插件安装与使用：

1、 直接安装

可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。

2、 使用package controller来安装

1 按 ctrl+~ 键来调出 控制台(console)

2 粘贴一下代码点回车运行：

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

3重启sublime text ,如果在perferences--->packagesetting中看到package control这一项，说明安装成功了。　安装不成功的可以 手动安装，链接地址：https://sublime.wbond.net/Package%20Control.sublime-package  

下载之后 复制文件到 preferences->browse package 所打开的文件夹中。重启，即可安装成功啦（我的就是代码运行不通过，这样搞滴~）

 

安装成功之后，就可以调用 ctrl +shift+P命令窗口，输入 pci(package control install)，之后就可以搜各种各样得插件来进行安装了，下面介绍几个我觉得比较好用的插件，

 

1、Zen Coding 现在叫 emmet 插件，这个插件用来编写html与css是有极大方便的。

div.header>ul>li.item$*5

上面代码 按tab键之后就生成了下面代码：

<div class ="header">
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
</ul>
</div>

 

2、jQuery Package for sublime Text:jquery 必备。

3、JS Format ：js代码格式化

4、Git :git 插件

5、theme 插件：

　　sublime  可以安装各种有特色的主题，我们可以安装我们喜欢的主题来装扮我们的编辑器：ctrl+shift + p  输入 pci打开的窗口输入"theme": "Soda Dark.sublime-theme"，就可以下载这个主题了，下载完毕后，在preference->settinguser 打开的json文件里 粘贴上面代码

　　

 

　　最后补充一个命令 ：命令行里  输入：pcilist(package controller install list) 就可以看到安装的插件列表了。

以上仅是我现有阶段掌握的，在平常工作当中我还会积累再更新这个文档。

    

--------------补充下sublime text3 的snippet的设置 ---------------------

 

snippet 是sublime text编辑器提供的代码补全功能：设置一个代码片段，就可以自定义补全设置的代码；

设置步骤如下：

tools->new Snippet 会出现以下设置代码片段：

<snippet>
    <content><![CDATA[

]]></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>

 

 这是一个demo 片段：

 

content 标签 是设置要补全的代码片段，这里是一个demo 即要补全的代码是："Hello, ${1:this} is a ${2:snippet}." 

tabTrigger 是设置要触发生成这个代码片段的值，这里注释了，取消注释，即为 输入hello 就可补全 content内容；

scope 标签是所设置的补全文本类型范围，默认片段是 source.python，及这个是python文本的标记，如果要在javascript中设置，改为 source.js即可，如果要设置多个可设置为添加几个文本类型，用“,” 分割，比如：设置成支持 js,和python脚本的范围，即可这样设置：

 <scope>source.js,source.python </scope>

设置 保存到 Sublime Text\Data\Packages\User\snippet 目录下就可以了，文件名为 *.sublime-snippet

对了在设置代码片段是 尽量避免使用 $ 符号，$ 符号在 sublime 在解析片段是是当一个 变量来使用的，即在设置片段时可以以${key:value}或者 $* 来命名变量，在补全时这些变量所处位置都是有光标定位显示让你来填写变量的。