美文网首页Web前端工具Web前端之路
一个可以装逼的编辑器 --sublime

一个可以装逼的编辑器 --sublime

作者: kiaizi | 来源:发表于2017-01-16 20:18 被阅读2817次

    大伙会经常遇到一个问题,为什么打开编辑器,有时候会加载半天,有时候导入一个较大的文档,编辑器也会加载几十秒(在此不列出各种编辑器),今天和大家分享一个可以装逼的编辑器--sublime

    最大的优点:打开速度贼快,贼快,就和打开一个记事本一样快
    问:为什么能这么快?
    答:因为空白的sublime就相当于是一个文本编辑器。
    问:为什么能装逼?
    答:如果你只用记事本写代码,百分之两百会被人家觉得你是大神。

    当然记事本拿来编辑各种不方便大家肯定早就知道了,第一无提示,第二部报错......
    不过sublime提供了很多插件库,今天和大家介绍一下常用的插件库和方法,记住插件装多了还会依然会卡顿很久,所以,按照自己的需求安装,不要把不必要的装入

    首先安装

    Package Control
    功能:安装包管理
    简介:sublime插件控制台,提供添加、删除、禁用、查找插件等功能
    使用:https://sublime.wbond.net/installation
    安装方法:
    CTRL+` ,出现控制台
    粘贴以下代码至控制台

    ST2:

    import urllib2,os; pf='Package Control.sublime-package';
     ipp = sublime.installed_packages_path();
     os.makedirs( ipp ) if not os.path.exists(ipp) else None;
     urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( )));
     open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read());
     print( 'Please restart Sublime Text to finish installation')
    

    ST3:

    importurllib.request,os;pf='Package Control.sublime-package';
    ipp=sublime.installed_packages_path();
    urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));
    open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
    

    其他方法:
    如果以上方法不能安装,请使用下面的方法
    选择菜单:Preferences > Browse Packages
    打开sublime插件安装包文件夹
    下载文件并复制到打开的文件夹
    重启sublime
    以后所有的插件都可以通过他来进行获取下载

    后面安装插件,只要按下Ctrl+Shift+P调出命令面板
    输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

    Emmet

    功能:编码快捷键,前端必备,前段福音,工作效率大大提高
    简介:Emmet作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网(http://docs.emmet.io/)上看下具体的演示视频。
    使用:百度一下,容易上手,二十分钟能掌握。

    JSFormat

    功能:JavaScript的代码格式化插件
    简介:很多网站的JS代码都进行了压缩,一行式的甚至混淆压缩,这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理,包括换行和缩进等等,是代码一目了然,更快读懂~
    使用:在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)

    LESS

    功能:LESS高亮插件

    简介:用LESS的同学都知道,sublime没有支持less的语法高亮,所以这个插件可以帮上我们

    使用:打开.less文件或者设置为less格式

    sublime-autoprefixer

    功能:CSS添加私有前缀
    简介:CSS还未标准化,所以要给各大浏览器一个前缀以解决兼容问题
    使用:Ctrl+Shift+P,选择autoprefixer即可。需要安装Node.js
    其他设置如快捷键请参考:https://sublime.wbond.net/packages/Autoprefixer

    Bracket Highlighter

    功能:代码匹配

    简介:可匹配[], (), {}, “”, ”, <tag></tag>,高亮标记,便于查看起始和结束标记

    使用:点击对应代码即可

    Git

    功能:Git管理
    简介:插件基本上实现了git的所有功能
    使用:https://github.com/kemayo/sublime-text-git/wiki

    jQuery

    功能:jQ函数提示
    简介:快捷输入jQ函数,是偷懒的好方法

    Doc​Blockr

    功能:生成优美注释
    简介:标准的注释,包括函数名、参数、返回值等,并以多行显示,手动写比较麻烦
    使用:输入/、/*然后回车,还有很多用法,请参照
    https://sublime.wbond.net/packages/DocBlockr

    ConvertToUTF8

    功能:文件转码成utf-8

    简介:通过本插件,您可以编辑并保存目前编码不被 Sublime Text 支持的文件,特别是中日韩用户使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP ,ANSI等。ConvertToUTF8 同时支持 Sublime Text 2 和 3。

    使用:安装插件后自动转换为utf-8格式

    AutoFileName

    功能:快捷输入文件名
    简介:自动完成文件名的输入,如图片选取
    使用:输入”/”即可看到相对于本项目文件夹的其他文件

    GBK Encoding Support

    功能:中文识别
    简介:Sublime Text 2可识别UTF-8格式的中文,不识别GBK和ANSI,因此打开很多含中文的文档都会出现乱码。可以通过安装插件GBK Support,来识别GBK和ANSI。
    使用:
    Open a GBK File
    Save file with GBK encoding
    Change file encoding from utf8 to GBK or GBK to utf8


    相关文章

      网友评论

      • 越IT:你这个不带手印的动图是怎么做的呀?
      • 碎碎酱:vscode++
      • 枫叶下的雨:以前主要用ST3,不过以后会慢慢转到VSCode,主要原因还是某些弹窗实在太烦人了
      • 我是一个凡夫俗子:EverEdit更快,不过插件上差点。我现在windows上EverEdit,Linux上面是Sublime Text。这两个编辑器的速度和功能,让我始终不愿意用心尝试一下Atom或者VSCode
      • 为什么一定要起昵称:如果你[只]用记事本写代码,你会被我当成傻哔。。。
        kiaizi:哈哈,估计也没几个人能够这样子,效率不太高。不然也不会需要到插件。
      • Noah1985:我还以为用vim的才是大神。。。。。居然输给了文本编辑器。看来只有亲自用笔手写才能赢了。
        目前从sublime转到了atom。。。各方面都不错,最大亮点是。。。免费。
        kiaizi:回头我也试试atom,因为最近年底较忙,等到时候清闲的时候也写一篇关于atom编辑器,到时候希望还向你取经学习。
      • twilighter:插件很有用

      本文标题:一个可以装逼的编辑器 --sublime

      本文链接:https://www.haomeiwen.com/subject/bxmpbttx.html