Sublime text3 常用插件说明,快捷键以及安装

1、安装Package Control

Package Control为插件管理包,所以我们首先要安装它。有了它,我们就可以很方便的浏览、安装和卸载Sublime Text中的插件。

安装方式一:

组合键 Ctrl+Shift+P 调出命令面板 ------>输入 ipc ,选择Install Package Control --------->耐心等待几秒钟,直到出现下框,表示安装成功。


20180803003050758.png

安装方式二:

按Ctrl+ `(此符号为tab按键上面的按键) 调出console
粘贴以下代码到命令行并回车

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)

会看到左下角有字符在左右摆动,说明正在下载。
等待其安装完成后关闭程序,重新启动“Sublime Text 3”,点开菜单“Preferences(首选项)”可见“Package Control”项,说明插件管理包已安装成功。
安装Package Controlh后即可轻松愉快的安装其他插件了。

2、安装其他插件

同样有两种方式:

A:下载完整的插件包后解压,下载地址:https://github.com/seanliang/ConvertToUTF8

,下载后解压放入 Sublime Text 3安装目录的Packages 文件夹下,以达到安装插件的目的。
如何找到 Packages 目录:双击打开你的 “Sublime Text 3”,点菜栏 “Preferences(首选项)--->Browse Packages(浏览插件目录)”。

B:快捷键 Ctrl+Shift+p ,打开 “Command Palette” 悬浮对话框,在顶部输入 “Install”, 然后下选点击 “Package Control:Install Package”。

在出现的悬浮对话框中输入你想安装的插件名, 找到回车,就自动开始安装,请耐心等待。
当插件安装成功后,Sublime Text 3 会有类似下图的安装成功的提示。

如图:
2018080301162251.png

3、这里以第二种方式来详解安装的插件

注意:安装插件时保持网络畅通,避免插件由于网络原因奔溃
快捷键 Ctrl+Shift+p ,打开 “Command Palette” 悬浮对话框,在顶部输入 “Install”, 然后下选点击 “Package Control:Install Package”。输入安装的插件名称

安装中文插件ChineseLocalizations,让sublime以中文界面显示

安装完后再help language里面设置中文即可。

Emmet(原名 Zen Coding),一种快速编写html/css的方法。

安装Emmet的同时,也会自动安装其依赖PyV8 binary库,安装PyV8库会用较长时间,可以在Sublime左下角看到安装进程状态

html5 , 支持hmtl5规范的插件包,

与Emmet插件配合使用,效果更好
使用方法:新建html文档>输入html5>敲击Tab键>自动补全html5规范文档

JSFormat,JS代码格式化插件。

使用方法:使用快捷键ctrl+alt+f

SublimeLinter

一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释

Alignment ,代码对齐,

如写几个变量,选中这几行,快捷键:Ctrl+Alt+A。

Ctags ,函数跳转,

Alt+点击 函数名称,会跳转到相应的函数

Doc​Blockr ,注释插件

生成优美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。
使用参考:https://www.cnblogs.com/knyel/p/7850127.html

HTMLBeautify,HTML格式化插件

ColorHighlighter 插件

功能说明:显示所选颜色值的颜色,并集成了ColorPicker

AutoFileName 插件

功能说明:自动补全文件(目录)名。

SublimeCodeIntel

功能说明:智能提示

View In Browser

功能说明:Sublime Text保存后网页自动同步更新。

jQuery

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

autoprefixer

功能:CSS添加私有前缀
简介:CSS还未标准化,所以要给各大浏览器一个前缀以解决兼容问题
私有前缀自动补全插件,写 CSS 可自动添加 -webkit 等私有词缀,Ctrl+Alt+X 触发。
需要安装Node.js

cssrem 将px自动转为rem

下载cssrem 下载地址:https://github.com/hyb628/cssrem
把解压后的 cssrem 或者 cssrem-master 拷贝到 Packages 目录下
重启sublime text 3 就会找到下列目录

647286-20170502162249836-1821012094.png

点击进去修改里面的代码为

"px_to_rem": 40, //px转rem的单位比例,默认为40
"max_rem_fraction_length": 6, //px转rem的小数部分的最大长度。默认为6。
"available_file_types": [".css", ".less", ".sass",".html"]
//启用此插件的文件类型。默认为:[".css", ".less", ".sass"]
}

重启sublime text 3 新建一个css文件写样式测试就ok了。

安装sublimeServer

安装完成之后,点击菜单栏的Tools选项,就可以看到SublimeServer工具

说一下为什么在sublime中安装服务器插件:出于安全性考虑,本地页面ajax()请求本地页面,须通过服务器环境运行。

如何使用

1、启动插件: Tools => SublimeServer => start SublimeServer
2、右击编辑器内容 => view in SublimeServer

个人常用插件大概就是这些,其他插件大家可以按需自己安装。

欢迎大家联系,一起交流、探讨、学习~

公众号:大橙子的杂货铺,欢迎扫码关注
扫一扫加微信,有问题多交流
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,366评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,521评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,689评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,925评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,942评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,727评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,447评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,349评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,820评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,990评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,127评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,812评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,471评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,017评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,142评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,388评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,066评论 2 355