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

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 @   夕阳白雪  阅读(382)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示