1、安装Package Control
Package Control为插件管理包,所以我们首先要安装它。有了它,我们就可以很方便的浏览、安装和卸载Sublime Text中的插件。
安装方式一:
组合键 Ctrl+Shift+P 调出命令面板 ------>输入 ipc ,选择Install Package Control --------->耐心等待几秒钟,直到出现下框,表示安装成功。
安装方式二:
按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 会有类似下图的安装成功的提示。
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+点击 函数名称,会跳转到相应的函数
DocBlockr ,注释插件
生成优美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。
使用参考: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 就会找到下列目录
点击进去修改里面的代码为
"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