Sublime Text 3 安装和经常使用的插件安装 你知道多少呢！

Sublime text 3经常使用插件安装

话很少说，直接让咱们来安装吧！！！

第一步：安装Sublime Text 3。安装网址：http://www.sublimetext.com/3

第二步：使用Package Control组件安装系列插件。

1. 使用快捷键 Ctrl+` 显示出console.
  2. 粘贴如下代码到底部命令行，回车.
      
     import urllib.request,os; pf = 'Package Control.sublime-package'; 
     ipp = sublime.installed_packages_path();urllib.request.install_opener
     ( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open
     (os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen
     ( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

  3. 重启 Sublime Text 3.
  4. 若在 Preferences 中的 package settings 一项中看到package control 这一项，则表示此项安装成功。

第三步：利用Package Control安装插件方法

+ 使用快捷键 Ctrl+Shift+P 弹出一个命令窗口。
  + 输入install，双击选择Install package选项，而后输入想下载的插件。

接下来,咱们就来一个一个安装吧！！！

---

1. SublimeTmpl (sublime默认的快捷键)

• Ctrl+Alt+H ——> html
• Ctrl+Alt+J ——> javascript
• Ctrl+Alt+C ——> css
• Ctrl+Alt+P ——> php
• Ctrl+Alt+R ——> ruby
• Ctrl+Alt+Shift+P ——> python

2. Emmet (一种快速编译 Html 和 CSS 的方法)

例如：输入 div>ul.test*2>li{demo$}*3 按下 tab 键，将会自动生成以下代码：

<div>
          <ul class="test">
              <li>demo1</li>
              <li>demo2</li>
              <li>demo3</li>
          </ul>
          <ul class="test">
              <li>demo1</li>
              <li>demo2</li>
              <li>demo3</li>
          </ul>
      </div>

3. ColorPicker (颜色选择器)

使用快捷键  `Ctrl+shift+C` ,弹出颜色面板，选色便可。

4. View In Browser (在浏览器中快速打开html文件)

安装以后，设置快捷键。
   打开菜单栏Preferences中的Key Bindings-User，
   打开Default (Windows).sublime-keymap文件编辑
   内容以下就ok啦：
     { "keys": ["ctrl+alt+f"], "command": "open_in_browser" },
`Ctrl+alt+f` 就是你之后快速打开html页面的快捷键啦！！！ （记得打开以前要先保存哦！）

5. AutoFileName

自动提示文件连接名或图片选取连接，便于快捷输入

6. JavaScript Completions

一种编写js代码时的提示插件

7. Bracket Highlighter

匹配各类配对的语法符号，如（），｛｝,[],"",''等，适用于代码较多的时候！

8. Sass

sublime text 3 支持sass文件

9. jQuery

sublime text 3 支持jQuery文件

10. Alignment

代码对齐，好比js中写了不少变量，选中这几行，使用快捷键 `Ctrl+Alt+A` ,就能够所有对齐，很神奇哟！

小伙伴们赶忙去试试吧！！！