2

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())

  1. 重启 Sublime Text 3.
  2. 若在 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

  1. Emmet (一种快速编译 Html 和 CSS 的方法)
    例如:输入 div>ul.test2>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>
  1. ColorPicker (颜色选择器)
    使用快捷键 Ctrl+shift+C ,弹出颜色面板,选色即可。
  2. 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页面的快捷键啦!!! (记得打开之前要先保存哦!)

  1. AutoFileName
    自动提示文件链接名或图片选取链接,便于快捷输入
  2. JavaScript Completions
    一种编写js代码时的提示插件
  3. Bracket Highlighter
    匹配各种配对的语法符号,如(),{},[],"",''等,适用于代码较多的时候!
  4. Sass
  5. text 3 支持sass文件
  6. jQuery
  7. text 3 支持jQuery文件
  8. Alignment
    代码对齐,比如js中写了很多变量,选中这几行,使用快捷键 Ctrl+Alt+A ,就可以全部对齐,很神奇哟!

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


Conan
2 声望7 粉丝

引用和评论

0 条评论