一、安装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

Sublime Text 3编辑器安装的更多相关文章

  1. ubuntu Sublime Text 2编辑器安装

    官网下载http://www.sublimetext.com/2 选择合适的包下载回来的格式是.tar.bz2格式,需要进行解压. 1,解压:tar -xvf Sublime\ Text\ 2.0.2 ...

  2. Ubuntu中安装Sublime Text 3并安装Package Control

    最近在学习Linux的使用,并在Linux中进行python开发练习.在学习过程中,了解到Sublime Text3是一款备受开发者推崇的代码编辑器,因此在Ubuntu中安装了Sublime Text ...

  3. sublime text 2编辑器中文问题

    Sublime Text 2是一个非常不错的源代码及文本编辑器,但是不支持GB2312和GBK编码在很多情况下会非常麻烦.不过Sublime Package Control所以供的插件可以让Subli ...

  4. 【转载】Atom 是一款各方面体验都很像 Sublime Text 的编辑器

    转载:http://www.appinn.com/atom-editor/ Atom 是一款各方面体验都很像 Sublime Text 的编辑器,它由 Github 出品,目前免费. Atom 功能的 ...

  5. 关于ubuntu下sublime text 3 的安装和中文配置问题

    一.sublime text 3 在ubuntu 16.04下的安装过程 1)首先下载sublime text 3 的tar包 $ wget https://download.sublimetext. ...

  6. Sublime Text 3 插件安装及Vim 模式设置

    1.安装Sublime Text 3  下载安装:http://www.sublimetext.com/3 Package Control安装:https://sublime.wbond.net/in ...

  7. sublime text 3 无法安装Package Control插件解决办法

    sublime text 3 无法安装Package Control插件解决办法 ***关于sublime text 3 常用的 Package Control插件的安装方法*** 1.CTRL+` ...

  8. Sublime Text 3下载安装以及安装HTML-CSS-JS Prettify代码格式化插件

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 概述 Sublime Text的安装以及安装插件步骤. 下载Sublime Text 官网地址:http://www.sublimetex ...

  9. Sublime Text 3 3126 安装+注册码

    首先,到官网下载且安装,个人是安装版本的 https://www.sublimetext.com/3 接着,写入注册码.2016/11/26 亲测有效 —– BEGIN LICENSE —– Mich ...

随机推荐

  1. Objective C 基础

    1,字符串加@: 不加@的是C语言字符串. 加@的代表的是OC的NSString http://www.jikexueyuan.com/course/71_2.html 2,setValuesForK ...

  2. 我的android学习经历29

    四大组件之广播接收者BroadcastReceiver 新建广播接收器 需要新建一个类继承类BroadcastReceiver,并且重写其中的方法onReceive(),不要在这个方法中添加过多的逻辑 ...

  3. BZOJ 1266 上学路线route(最小割)

    题目链接:http://61.187.179.132/JudgeOnline/problem.php?id=1266 题意:给出一个无向图,每条边有长度和代价.求出1到n的最短路.之后删掉一些边使得1 ...

  4. struts2——通配符

    struts2的配置文件是 struts.xml.. 在这个配置文件里面可以使用通配符..其中的好处就是,大大减少了配置文件的内容..当然,相应付出的代价是可读性.. 使用通配符的原则是 约定高于配置 ...

  5. 【转】Kali Linux 新手折腾笔记

    原作者:http://defcon.cn/1618.html 最近在折腾Kali Linux 顺便做一简单整理,至于安装就不再多扯了,估计会出现的问题上一篇文章<VMware虚拟机安装Kali ...

  6. BeagleBone Black– 智能家居控制系统 LAS - ESP8266 UDP 服务

    NodeMCU 的文档里面终于发现,ESP8266 的GPIO 2 确实是 PIN 4,GPIO 0 是 PIN 3. https://github.com/nodemcu/nodemcu-firmw ...

  7. eclipse注释模板

    设置注释模板的入口: Window->Preference->Java->Code Style->Code Template 然后展开Comments节点就是所有需设置注释的元 ...

  8. Codeforces Round #158 (Div. 2) C. Balls and Boxes 模拟

    C. Balls and Boxes time limit per test 1 second memory limit per test 256 megabytes input standard i ...

  9. HTML笔记(一)

    HTML注释格式如下: <!-- 这里是注释 --> HTML中的标题(heading)通过h1~h6来定义. 文本格式化标签: 标签 描述 <b> 定义粗体文本. <b ...

  10. js addEventListener attachEvent

    attachEvent方法,为某一事件附加其它的处理事件.(不支持Mozilla系列) addEventListener方法 用于 Mozilla系列 举例: document.getElementB ...