前端程序员全栈成长之路

推荐几款炫酷的Sublime Text插件

2016-10-14  本文已影响2206人  无穷369
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就说这么多吧!喜欢的话点个关注,或者点个喜欢。

上一篇下一篇

猜你喜欢

热点阅读