一、安装Sublime Text 3
到Sublime Text 3官网下载最新版本:http://www.sublimetext.com/3
一路Next下去即可完成安装。安装完Sublime Text 3后,在安装路径..\Sublime Text 3\Packages下默认会安装好一些附带的安装包。
二、安装Sublime Text的安装包管理工具 - Package Control
通过安装Package Control,可以轻松安装、升级和卸载 Package。到 https://packagecontrol.io/installation 可以看到 sublime Text 3 中的安装方式:
- 调出Python控制台(通过快捷方式Ctrl + `或菜单->View->Show Console);
- 粘贴以下代码并回车;
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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 Text3。(打开sublime text 3编辑器,在菜单->Preferences下会多出Package Settings和Package Control两个选项,就说明安装Package Control成功了。)
三、使用Package Control安装Package插件的方法
- 调出命令面板(Ctrl+ Shift + P或菜单->Tools->Command Paletter);
- 选择“Package Control:Install Package”(在输入框输入install或pcip,会自动提示Install Package选中并回车);
- 选择插件并回车即可完成安装。
四、推荐一些常用的插件
初次安装Sublime Text可以参考下PackageControl官方推荐的热门插件:https://packagecontrol.io/browse/popular
以下简单推荐下好用的插件。
1.ConvertToUTF8
安装好此安装包可解决打开GBK编码格式下的中文乱码问题。
2.SublimeGit
进行版本管理。
有关git插件的介绍,以及如何安装它的更多信息,可查看维基 https://github.com/kemayo/sublime-text-git/wiki。
3.Emmet
一个网络开发的工具包,可以根据缩写输入自动补全输出,大大提高了HTML和CSS的工作流程。
emmet的的缩写语法及操作用法可参考官方文档:http://docs.emmet.io/
emmet常见的缩写触发词:http://docs.emmet.io/cheat-sheet/
比如:HTML中的省事的触发词-“!”-(新建一个后缀为.html的文件,打开文件输入i + Tab快捷键,得到如下图的html基本框架)
4.SublimeLinter
代码的语法检查,用于高亮提示用户编写的代码中存在的不规范和错误的写法,支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等多种开发语言的语法检错。
sublimelinter的配置及使用见官方文档:http://sublimelinter.readthedocs.org/
5.Alignment
自动对齐,快速整齐的对齐选中的目标代码。
快捷键:Windows---Ctrl + Alt + A
6.BracketHighlighter
括号高亮匹配。
brackethighter的使用见官方文档:http://facelessuser.github.io/BracketHighlighter/
7.Can I Use
查询CSS属性的兼容性。
8.Color Picker
写css配色时,无需离开Sublime,通过快捷键调出拾色器,选取好需要的颜色。点击pick按钮,该颜色随即转化为十六进制颜色格式被插入到文本中。
快捷键:Windows---Ctrl + Shift + C
9.Color Highlighter
当你选中文本中的十六进制颜色格式或RGB颜色格式时,可以预览到对应的颜色。
10.View In Browser
作为一个web开发人员,不仅需要在自己的PC上安装多个浏览器,同时需要在多个浏览器上测试自己的工作。当你在Sublime中打开一个写好的网页,只需按下快捷键即可在浏览器中浏览写好的网页。
快捷键:Windows---Ctrl + Shift + V
11.CSScomb
写css时,选中要排序的CSS代码,按Ctrl+Shift+C,即可按照一定的CSS属性排序规则,将杂乱无章的CSS属性进行重新排序。
快捷键:Windows---Ctrl + Shift + C
CSScomb的使用见官方文档:https://github.com/csscomb/CSScomb-for-Sublime