Sublime Text 3 安裝教學

下載安裝

官方網站 下載適合自己系統的版本

portable version 為單機版本，下載解壓後請執行sublime_text

掛件系統

Package Control

按下 Ctrl + ` ，貼上

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)

安裝掛件

1. 按下 Ctrl+Shift+P or Cmd+Shift+P
2. 選擇 Package Control: Install Package (pci)

livereload - 自動更新畫面

livereload設定 (Preference > Package Settings > Livereload > Settings-Default)

{
    "enabled_plugins": [
        "SimpleReloadPlugin",
        "SimpleRefresh"
    ]
}

html中加上這行

<script src="http://127.0.0.1:35729/livereload.js"></script>

ConvertToUTF8 - 編碼處理

HTML-CSS-JS Prettify - 自動整理code

設定存檔時整理

"format_on_save": true,

ColorHighlighter - 選色支援

AutoFileName - 自動搜尋檔案