Sublime Text 3安裝和插件安裝,你知道多少呢?

Sublime text 3經常使用插件安裝
話很少說,直接讓咱們來安裝吧!!!javascript

第一步:安裝Sublime Text 3。安裝網址:http://www.sublimetext.com/3 php

第二步:使用Package Control組件安裝系列插件。css

  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/html

' + pf.replace(' ','%20')).read())java

  1. 重啓 Sublime Text 3.
  2. 若在 Preferences 中的 package settings 一項中看到package control 這一項,則表示此項安裝成功。

第三步:利用Package Control安裝插件方法python

  • 使用快捷鍵 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 ——> pythonsass

  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啦:ruby

{ "keys": ["ctrl+alt+f"], "command": "open_in_browser" },

Ctrl+alt+f 就是你之後快速打開html頁面的快捷鍵啦!!! (記得打開以前要先保存哦!)ui

  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 ,就能夠所有對齊,很神奇喲!

小夥伴們趕忙去試試吧!!!

相關文章
相關標籤/搜索