美文网首页前端程序员全栈成长之路
推荐几款炫酷的Sublime Text插件

推荐几款炫酷的Sublime Text插件

作者: 无穷369 | 来源:发表于2016-10-14 16:08 被阅读2206次
    Sublime Text3.jpg

    SublimeText 是一个具有漂亮的用户界面和强大功能的跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统,深受广大程序员喜爱!

    没有下载的小伙伴可以到这个地址下载 https://www.sublimetext.com/3

    今天我来给大家推荐几款Sublime Text3常用的插件

    首先说一下汉化

    汉化插件需要用Package Control组件安装,所以首先我们要在Sublime上安装Package Control组件

    1、按Ctrl + ~ 调出console

    2、粘贴下列代码到命令行底部后回车

    import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
    

    3、重启Sublime Text3

    4、如果在首选项->浏览插件目录->User中看到package control这一项,则安装成功。

    5、按Ctrl + Shift + P调出命令面板并输入Install Package回车

    01.png

    6、在弹出的界面输入chinese,选择ChineseLocalization汉化完成

    后面的插件都是通过install package搜索后安装的

    推荐一 Emmet

    代码快速编辑神器 视频演示地址http://docs.emmet.io/

    只需要简单的输入一行代码,就可以快速生成代码结构


    Emmet.gif

    推荐二 JSFormat

    JavaScript的代码格式化插件

    在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)


    JSFormat.gif

    推荐三 sublime-autoprefixer

    快速给CSS添加私有前缀插件(解决各大浏览器兼容性问题)

    Ctrl+Shift+P,选择autoprefixer


    autoprefixer.gif

    推荐四 Bracket Highlighter

    符号匹配插件

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


    Bracket Highlighter.gif

    推荐五 Doc​Blockr

    快速生成注释

    输入/*、/**然后回车,还有很多用法https://packagecontrol.io/packages/DocBlockr

    ![function-template.gif](http:https://img.haomeiwen.com/i2312450/762abb170914fa9c.gif?imageMogr2/auto-orient/strip)

    推荐六 jQuery

    jQuery代码快速生成好工具

    jquery.gif

    推荐七 AutoFileName

    快捷输入文件名

    输入”/”即可看到相对于本项目文件夹的其他文件

    autofilename.gif

    推荐八 Agila Theme

    多彩主题,详细地址https://packagecontrol.io/packages/Agila%20Theme

    1.png 2.png 3.png 4.png

    Sublime Text3常用快捷键

    最后再来说一下Sublime Text3一些常用的快捷键

    Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。


    Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。


    Ctrl+L 选中整行,继续操作则继续选择下一行,效果和Shift+↓ 效果一样。


    Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。


    Ctrl+Shift+M 选择括号内的内容(继续选择父括号)。


    Ctrl+M 光标移动至括号内结束或开始的位置。


    Ctrl+Enter 在下一行插入新行。


    Ctrl+Shift+Enter 在上一行插入新行。


    Ctrl+Shift+[ 选中代码,按下快捷键,折叠代码。


    Ctrl+Shift+] 选中代码,按下快捷键,展开代码。


    Ctrl+K+0 展开所有折叠代码。


    Ctrl+← 向左单位性地移动光标,快速移动光标。


    Ctrl+→ 向右单位性地移动光标,快速移动光标。


    shift+↑ 向上选中多行。


    Ctrl+Shift+← 向左单位性地选中文本。


    Ctrl+Shift+↑ 将光标所在行和上一行代码互换


    Ctrl+Alt+↑ 向上添加多行光标,可同时编辑多行。


    Ctrl+J 合并选中的多行代码为一行。


    Ctrl+Shift+D 复制光标所在整行,插入到下一行。


    Tab 向右缩进。Shift+Tab 向左缩进。


    Ctrl+K+K 从光标处开始删除代码至行尾。Ctrl+Shift+K 删除整行。


    Ctrl+/ 注释单行。Ctrl+Shift+/ 注释多行。


    Ctrl+K+U 转换大写。Ctrl+K+L 转换小写。

    好了,关于Sublime Text3就说这么多吧!喜欢的话点个关注,或者点个喜欢。

    相关文章

      网友评论

      • liamW:博主请问一下我的SUBLIME T3输入Install Package报错“there are no packages available”怎么解决?网上搜的解决方法都没用呀

      本文标题:推荐几款炫酷的Sublime Text插件

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