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` ,就可以全部对齐，很神奇哟！

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