Sublime Text 3编辑器安装

一、安装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”(在输入框输入installpcip,会自动提示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

    

   

posted @ 2015-11-12 20:34  xixihuang  阅读(864)  评论(0编辑  收藏  举报