关注用户体验,分享前端技术

Sublime text2插件

Sublime插件:

 Sublime有好几种安装插件的方法,但是最好用也是最长用的是ctrl+shift+p。

第一步:

  使用ctrl+` 调出Sublime控制台,在控制台中输入

      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())

第二步:

   重启Sublime,使用快捷键ctrl+shift+p,再输入框中输入Install Package

第三步:

   输入你要安装的插件名,点击enter就ok了,这时状态栏是会显示正在安装,当出现install successfully时就表示安装成功了,如果安装失败可能是网络问题,多尝试几次。

 

 插件能够帮助我们完成一些复杂的事情,简化工作,下面是我在Sublime中安装的几个好用的插件:

   1. docblocker

     自动注释,jsdoc标准,输入/**回车即可,可以自定义一些注释字段,如:date,配置如下:

{                      

"jsdocs_extra_tags": ["@date {{date}}"],

"jsdocs_align_tags": "deep"

}

  2. Emmett

      自动完成HTML代码,提高编写页面效率,按照语法写完,在最后按tab键就可完成,语法参考:http://docs.emmet.io/abbreviations/syntax/

   3. alignment

       自动对齐代码,比如json对象的冒号对齐,变量的等号对齐等,可以配置,快捷键ctrl+alt+d,配置如下:

{
// The mid-line characters to align in a multi-line selection, changing
// this to an empty array will disable mid-line alignment
"alignment_chars": ["=",":",",","--"],

// If the following character is matched for alignment, insert a space
// before it in the final alignment
"alignment_space_chars": ["=",",",":","--"],

"jsdocs_extra_tags": ["@date {{date}}"]

}

    4. bracket highlighter

         高亮代码匹配,可以匹配括号,引号,标签等

    5. js format

        js代码格式化,可以使你的代码看起来更漂亮,快捷键ctrl+alt+f

    6.  Tag

         HTML代码格式化,右键选择auto-format tags on doucument

    7. sublimelinter

          支持lint语法的插件,快捷键ctrl+alt+l,当检测出错误或者警告时会在行标处提示,可以设置什么时候检测,配置如下:

{

"sublimelinter":"save-only",//当保存的时候检测

}

      8. prefixr

           自动添加浏览器前缀,快捷键ctrl+alt+x

       9. jQuery

            jquery代码补全,快捷键tab

 

如果你有好的插件可以@我,继续补充。

posted @ 2014-07-26 12:59  夕阳白雪  阅读(381)  评论(0编辑  收藏  举报