# SublimeText

# 安裝後前置作業

### 安裝外掛

View -&gt; Show Console

```bash
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)
```

快捷鍵:

Win: Ctrl + Shift + P

Mac: Com + Shift + P

打上 install，安裝以下外掛

```html
Alignment
Color Highighter
ColorPicker
CovertToUTF8
Emmet
LiveReload
Material Theme
```

### 設定

Sublime Text -&gt; Preferences -&gt; Settings

```bash
{
	"font_size": 16,
	"highlight_line": true,
	"ignored_packages":
	[
		"Vintage"
	],
	"theme": "Material-Theme.sublime-theme",
        "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
}
```

<div data-craft="W3sicGFyZW50QmxvY2siOiIxNzIxNjk1Qy1CNUVELTQxNEMtODdGNS0zMDIzQkM4NkM5QzQiLCJ0eXBlIjoidGV4dCIsImNyZWF0ZWRCeVVzZXJJZCI6IjE2Yzk5NWUwLTk0NWMtZjE1OC00YmYzLWU5OTc3NThlNDRhNSIsInByb3BlcnRpZXMiOiJ7XCJ0aXRsZUVuYWJsZWRcIjpcInRydWVcIn0iLCJwYWdlU3R5bGUiOiJ7fSIsInN0eWxlQXR0cmlidXRlcyI6IntcInRleHRTdHlsZVwiOlwic3VidGl0bGVcIixcImxpc3RTdHlsZVwiOlwibm9uZVwiLFwibGluZVN0eWxlXCI6XCJub25lXCIsXCJ1cmxTdHlsZVwiOlwiZGVmYXVsdFwiLFwibGF5b3V0U3R5bGVcIjpcInJlZ3VsYXJcIixcImltYWdlRmlsbFN0eWxlXCI6XCJzY2FsZUFzcGVjdEZpbGxcIixcImltYWdlU2l6ZVN0eWxlXCI6XCJhdXRvXCIsXCJfcnVuQXR0cmlidXRlc1wiOltdLFwiZGVjb3JhdGlvbnNcIjp7fSxcImluZGVudGF0aW9uTGV2ZWxcIjowfSIsImNvbnRlbnQiOiLoqK3lrpoiLCJzdWJCbG9ja3MiOltdLCJjcmVhdGVkIjoxNjcyMjQ0MjE4MDQzLCJ1cGRhdGVkIjoxNjcyMjQ0MjE4MDkzLCJ0ZW1wSWQiOiI0QTJEQjFFMS1CN0E4LTRGNEEtQTE4OC00QTM5RDdEQjkyNjEifSx7InBhcmVudEJsb2NrIjoiMTcyMTY5NUMtQjVFRC00MTRDLTg3RjUtMzAyM0JDODZDOUM0IiwidHlwZSI6InRleHQiLCJjcmVhdGVkQnlVc2VySWQiOiIxNmM5OTVlMC05NDVjLWYxNTgtNGJmMy1lOTk3NzU4ZTQ0YTUiLCJwcm9wZXJ0aWVzIjoie1widGl0bGVFbmFibGVkXCI6XCJ0cnVlXCJ9IiwicGFnZVN0eWxlIjoie30iLCJzdHlsZUF0dHJpYnV0ZXMiOiJ7XCJ0ZXh0U3R5bGVcIjpcImJvZHlcIixcImxpc3RTdHlsZVwiOlwibm9uZVwiLFwibGluZVN0eWxlXCI6XCJub25lXCIsXCJ1cmxTdHlsZVwiOlwiZGVmYXVsdFwiLFwibGF5b3V0U3R5bGVcIjpcInJlZ3VsYXJcIixcImltYWdlRmlsbFN0eWxlXCI6XCJzY2FsZUFzcGVjdEZpbGxcIixcImltYWdlU2l6ZVN0eWxlXCI6XCJhdXRvXCIsXCJfcnVuQXR0cmlidXRlc1wiOltdLFwiZGVjb3JhdGlvbnNcIjp7fSxcImluZGVudGF0aW9uTGV2ZWxcIjowfSIsImNvbnRlbnQiOiJTdWJsaW1lIFRleHQgLT4gUHJlZmVyZW5jZXMgLT4gU2V0dGluZ3MiLCJzdWJCbG9ja3MiOltdLCJjcmVhdGVkIjoxNjcyMjQ0MjE4MDQzLCJ1cGRhdGVkIjoxNjcyMjQ0MjE4MDkzLCJ0ZW1wSWQiOiI1OTJBNDQwNS04QTg0LTQ4NzYtQjBBRC1GREZBNjg4Q0MzRjkifV0=" id="bkmrk-"></div><div data-craft="W3sicGFyZW50QmxvY2siOiIxNzIxNjk1Qy1CNUVELTQxNEMtODdGNS0zMDIzQkM4NkM5QzQiLCJ0eXBlIjoidGV4dCIsImNyZWF0ZWRCeVVzZXJJZCI6IjE2Yzk5NWUwLTk0NWMtZjE1OC00YmYzLWU5OTc3NThlNDRhNSIsInByb3BlcnRpZXMiOiJ7XCJ0aXRsZUVuYWJsZWRcIjpcInRydWVcIn0iLCJwYWdlU3R5bGUiOiJ7fSIsInN0eWxlQXR0cmlidXRlcyI6IntcInRleHRTdHlsZVwiOlwiYm9keVwiLFwibGlzdFN0eWxlXCI6XCJub25lXCIsXCJsaW5lU3R5bGVcIjpcIm5vbmVcIixcInVybFN0eWxlXCI6XCJkZWZhdWx0XCIsXCJsYXlvdXRTdHlsZVwiOlwicmVndWxhclwiLFwiaW1hZ2VGaWxsU3R5bGVcIjpcInNjYWxlQXNwZWN0RmlsbFwiLFwiaW1hZ2VTaXplU3R5bGVcIjpcImF1dG9cIixcIl9ydW5BdHRyaWJ1dGVzXCI6W10sXCJkZWNvcmF0aW9uc1wiOnt9LFwiaW5kZW50YXRpb25MZXZlbFwiOjB9IiwiY29udGVudCI6IuW/q+aNt+mNtToiLCJzdWJCbG9ja3MiOltdLCJjcmVhdGVkIjoxNjcyMjQ0MjE4MDQzLCJ1cGRhdGVkIjoxNjcyMjQ0MjE4MDkzLCJ0ZW1wSWQiOiJCODIzRTZEOS03NEVFLTRGMzktOEI0RC0yRTI4Njc3NkEyQjcifSx7InBhcmVudEJsb2NrIjoiMTcyMTY5NUMtQjVFRC00MTRDLTg3RjUtMzAyM0JDODZDOUM0IiwidHlwZSI6InRleHQiLCJjcmVhdGVkQnlVc2VySWQiOiIxNmM5OTVlMC05NDVjLWYxNTgtNGJmMy1lOTk3NzU4ZTQ0YTUiLCJwcm9wZXJ0aWVzIjoie1widGl0bGVFbmFibGVkXCI6XCJ0cnVlXCJ9IiwicGFnZVN0eWxlIjoie30iLCJzdHlsZUF0dHJpYnV0ZXMiOiJ7XCJ0ZXh0U3R5bGVcIjpcImJvZHlcIixcImxpc3RTdHlsZVwiOlwibm9uZVwiLFwibGluZVN0eWxlXCI6XCJub25lXCIsXCJ1cmxTdHlsZVwiOlwiZGVmYXVsdFwiLFwibGF5b3V0U3R5bGVcIjpcInJlZ3VsYXJcIixcImltYWdlRmlsbFN0eWxlXCI6XCJzY2FsZUFzcGVjdEZpbGxcIixcImltYWdlU2l6ZVN0eWxlXCI6XCJhdXRvXCIsXCJfcnVuQXR0cmlidXRlc1wiOltdLFwiZGVjb3JhdGlvbnNcIjp7fSxcImluZGVudGF0aW9uTGV2ZWxcIjowfSIsImNvbnRlbnQiOiJXaW46IEN0cmwgKyBTaGlmdCArIFAiLCJzdWJCbG9ja3MiOltdLCJjcmVhdGVkIjoxNjcyMjQ0MjE4MDQzLCJ1cGRhdGVkIjoxNjcyMjQ0MjE4MDkzLCJ0ZW1wSWQiOiI3NzgwRkQ5RS1ENzY5LTRERUQtOTNGQi0wQzg3NzlCODBCRjcifSx7InBhcmVudEJsb2NrIjoiMTcyMTY5NUMtQjVFRC00MTRDLTg3RjUtMzAyM0JDODZDOUM0IiwidHlwZSI6InRleHQiLCJjcmVhdGVkQnlVc2VySWQiOiIxNmM5OTVlMC05NDVjLWYxNTgtNGJmMy1lOTk3NzU4ZTQ0YTUiLCJwcm9wZXJ0aWVzIjoie1widGl0bGVFbmFibGVkXCI6XCJ0cnVlXCJ9IiwicGFnZVN0eWxlIjoie30iLCJzdHlsZUF0dHJpYnV0ZXMiOiJ7XCJ0ZXh0U3R5bGVcIjpcImJvZHlcIixcImxpc3RTdHlsZVwiOlwibm9uZVwiLFwibGluZVN0eWxlXCI6XCJub25lXCIsXCJ1cmxTdHlsZVwiOlwiZGVmYXVsdFwiLFwibGF5b3V0U3R5bGVcIjpcInJlZ3VsYXJcIixcImltYWdlRmlsbFN0eWxlXCI6XCJzY2FsZUFzcGVjdEZpbGxcIixcImltYWdlU2l6ZVN0eWxlXCI6XCJhdXRvXCIsXCJfcnVuQXR0cmlidXRlc1wiOltdLFwiZGVjb3JhdGlvbnNcIjp7fSxcImluZGVudGF0aW9uTGV2ZWxcIjowfSIsImNvbnRlbnQiOiJNYWM6IENvbSArIFNoaWZ0ICsgUCIsInN1YkJsb2NrcyI6W10sImNyZWF0ZWQiOjE2NzIyNDQyMTgwNDMsInVwZGF0ZWQiOjE2NzIyNDQyMTgwOTMsInRlbXBJZCI6IjY5NjRFMkZGLTlGQzgtNEFGNS1BMDJFLUZFQ0FCNTM3OTVENiJ9LHsicGFyZW50QmxvY2siOiIxNzIxNjk1Qy1CNUVELTQxNEMtODdGNS0zMDIzQkM4NkM5QzQiLCJ0eXBlIjoidGV4dCIsImNyZWF0ZWRCeVVzZXJJZCI6IjE2Yzk5NWUwLTk0NWMtZjE1OC00YmYzLWU5OTc3NThlNDRhNSIsInByb3BlcnRpZXMiOiJ7XCJ0aXRsZUVuYWJsZWRcIjpcInRydWVcIn0iLCJwYWdlU3R5bGUiOiJ7fSIsInN0eWxlQXR0cmlidXRlcyI6IntcInRleHRTdHlsZVwiOlwiYm9keVwiLFwibGlzdFN0eWxlXCI6XCJub25lXCIsXCJsaW5lU3R5bGVcIjpcIm5vbmVcIixcInVybFN0eWxlXCI6XCJkZWZhdWx0XCIsXCJsYXlvdXRTdHlsZVwiOlwicmVndWxhclwiLFwiaW1hZ2VGaWxsU3R5bGVcIjpcInNjYWxlQXNwZWN0RmlsbFwiLFwiaW1hZ2VTaXplU3R5bGVcIjpcImF1dG9cIixcIl9ydW5BdHRyaWJ1dGVzXCI6W10sXCJkZWNvcmF0aW9uc1wiOnt9LFwiaW5kZW50YXRpb25MZXZlbFwiOjB9IiwiY29udGVudCI6IuaJk+S4iiBpbnN0YWxs77yM5a6J6KOd5Lul5LiL5aSW5o6bIiwic3ViQmxvY2tzIjpbXSwiY3JlYXRlZCI6MTY3MjI0NDIxODA0MywidXBkYXRlZCI6MTY3MjI0NDIxODA5MywidGVtcElkIjoiM0QyRjY4OEMtNTM5MS00Qjc3LTg4OUMtQzI4MkIyNzBENzZEIn1d" id="bkmrk--0"></div><div data-craft="W3sicGFyZW50QmxvY2siOiIxNzIxNjk1Qy1CNUVELTQxNEMtODdGNS0zMDIzQkM4NkM5QzQiLCJ0eXBlIjoidGV4dCIsImNyZWF0ZWRCeVVzZXJJZCI6IjE2Yzk5NWUwLTk0NWMtZjE1OC00YmYzLWU5OTc3NThlNDRhNSIsInByb3BlcnRpZXMiOiJ7XCJ0aXRsZUVuYWJsZWRcIjpcInRydWVcIn0iLCJwYWdlU3R5bGUiOiJ7fSIsInN0eWxlQXR0cmlidXRlcyI6IntcInRleHRTdHlsZVwiOlwic3VidGl0bGVcIixcImxpc3RTdHlsZVwiOlwibm9uZVwiLFwibGluZVN0eWxlXCI6XCJub25lXCIsXCJ1cmxTdHlsZVwiOlwiZGVmYXVsdFwiLFwibGF5b3V0U3R5bGVcIjpcInJlZ3VsYXJcIixcImltYWdlRmlsbFN0eWxlXCI6XCJzY2FsZUFzcGVjdEZpbGxcIixcImltYWdlU2l6ZVN0eWxlXCI6XCJhdXRvXCIsXCJfcnVuQXR0cmlidXRlc1wiOltdLFwiZGVjb3JhdGlvbnNcIjp7fSxcImluZGVudGF0aW9uTGV2ZWxcIjowfSIsImNvbnRlbnQiOiLlronoo53lpJbmjpsiLCJzdWJCbG9ja3MiOltdLCJjcmVhdGVkIjoxNjcyMjQ0MjE4MDQzLCJ1cGRhdGVkIjoxNjcyMjQ0MjE4MDkzLCJ0ZW1wSWQiOiJDRTIyQTRFRi04Nzg3LTQzNUItOUY5NS03OTI5NkFGQTRGMzYifSx7InBhcmVudEJsb2NrIjoiMTcyMTY5NUMtQjVFRC00MTRDLTg3RjUtMzAyM0JDODZDOUM0IiwidHlwZSI6InRleHQiLCJjcmVhdGVkQnlVc2VySWQiOiIxNmM5OTVlMC05NDVjLWYxNTgtNGJmMy1lOTk3NzU4ZTQ0YTUiLCJwcm9wZXJ0aWVzIjoie1widGl0bGVFbmFibGVkXCI6XCJ0cnVlXCJ9IiwicGFnZVN0eWxlIjoie30iLCJzdHlsZUF0dHJpYnV0ZXMiOiJ7XCJ0ZXh0U3R5bGVcIjpcImJvZHlcIixcImxpc3RTdHlsZVwiOlwibm9uZVwiLFwibGluZVN0eWxlXCI6XCJub25lXCIsXCJ1cmxTdHlsZVwiOlwiZGVmYXVsdFwiLFwibGF5b3V0U3R5bGVcIjpcInJlZ3VsYXJcIixcImltYWdlRmlsbFN0eWxlXCI6XCJzY2FsZUFzcGVjdEZpbGxcIixcImltYWdlU2l6ZVN0eWxlXCI6XCJhdXRvXCIsXCJfcnVuQXR0cmlidXRlc1wiOltdLFwiZGVjb3JhdGlvbnNcIjp7fSxcImluZGVudGF0aW9uTGV2ZWxcIjowfSIsImNvbnRlbnQiOiJWaWV3IC0+IFNob3cgQ29uc29sZSIsInN1YkJsb2NrcyI6W10sImNyZWF0ZWQiOjE2NzIyNDQyMTgwNDMsInVwZGF0ZWQiOjE2NzIyNDQyMTgwOTMsInRlbXBJZCI6IjY5QjM3OUJGLUQzRjktNDRERS1CREU2LUI3MDhDQ0MyMTcwMiJ9XQ==" id="bkmrk--1"></div>

# LiveReLoad

開啟Sublime Text編輯器，再按Ctrl+Shit+P，並輸入Install Package。

再輸入LiveRload。

瀏覽器也要安裝相關外掛才能運作，開啟Google Chrome瀏覽器，進入外掛套件後，點一下就會自行下載與安裝。

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

<div data-craft="W3sicGFyZW50QmxvY2siOiIzOTRGQkFCRC1FODIwLTQyMDQtOTJGMC1GN0JFMENCRjc4NjMiLCJ0eXBlIjoidGV4dCIsImNyZWF0ZWRCeVVzZXJJZCI6IjE2Yzk5NWUwLTk0NWMtZjE1OC00YmYzLWU5OTc3NThlNDRhNSIsInByb3BlcnRpZXMiOiJ7XCJ0aXRsZUVuYWJsZWRcIjpcInRydWVcIn0iLCJwYWdlU3R5bGUiOiJ7fSIsInN0eWxlQXR0cmlidXRlcyI6IntcInRleHRTdHlsZVwiOlwiYm9keVwiLFwibGlzdFN0eWxlXCI6XCJub25lXCIsXCJsaW5lU3R5bGVcIjpcIm5vbmVcIixcInVybFN0eWxlXCI6XCJkZWZhdWx0XCIsXCJsYXlvdXRTdHlsZVwiOlwicmVndWxhclwiLFwiaW1hZ2VGaWxsU3R5bGVcIjpcInNjYWxlQXNwZWN0RmlsbFwiLFwiaW1hZ2VTaXplU3R5bGVcIjpcImF1dG9cIixcIl9ydW5BdHRyaWJ1dGVzXCI6W10sXCJkZWNvcmF0aW9uc1wiOnt9LFwiaW5kZW50YXRpb25MZXZlbFwiOjB9IiwiY29udGVudCI6IumWi+WVn1N1YmxpbWUgVGV4dOe3qOi8r+WZqO+8jOWGjeaMiUN0cmwrU2hpdCtQ77yM5Lim6Ly45YWlSW5zdGFsbCBQYWNrYWdl44CCIiwic3ViQmxvY2tzIjpbXSwiY3JlYXRlZCI6MTY3MjI0NDI2NDcwMSwidXBkYXRlZCI6MTY3MjI0NDI2NDczMSwidGVtcElkIjoiMTlEOTgyRTctQzNGNC00RUUyLTlGNjctQzE5QkEzQ0Y1M0E5In0seyJwYXJlbnRCbG9jayI6IjM5NEZCQUJELUU4MjAtNDIwNC05MkYwLUY3QkUwQ0JGNzg2MyIsInR5cGUiOiJ0ZXh0IiwiY3JlYXRlZEJ5VXNlcklkIjoiMTZjOTk1ZTAtOTQ1Yy1mMTU4LTRiZjMtZTk5Nzc1OGU0NGE1IiwicHJvcGVydGllcyI6IntcInRpdGxlRW5hYmxlZFwiOlwidHJ1ZVwifSIsInBhZ2VTdHlsZSI6Int9Iiwic3R5bGVBdHRyaWJ1dGVzIjoie1widGV4dFN0eWxlXCI6XCJib2R5XCIsXCJsaXN0U3R5bGVcIjpcIm5vbmVcIixcImxpbmVTdHlsZVwiOlwibm9uZVwiLFwidXJsU3R5bGVcIjpcImRlZmF1bHRcIixcImxheW91dFN0eWxlXCI6XCJyZWd1bGFyXCIsXCJpbWFnZUZpbGxTdHlsZVwiOlwic2NhbGVBc3BlY3RGaWxsXCIsXCJpbWFnZVNpemVTdHlsZVwiOlwiYXV0b1wiLFwiX3J1bkF0dHJpYnV0ZXNcIjpbXSxcImRlY29yYXRpb25zXCI6e30sXCJpbmRlbnRhdGlvbkxldmVsXCI6MH0iLCJjb250ZW50Ijoi5YaN6Ly45YWlTGl2ZVJsb2Fk44CCIiwic3ViQmxvY2tzIjpbXSwiY3JlYXRlZCI6MTY3MjI0NDI2NDcwMSwidXBkYXRlZCI6MTY3MjI0NDI2NDczMSwidGVtcElkIjoiRDVGRTg1MDQtRTA1OS00M0I2LTk2NzEtMjJCOTBCMUZEMzVGIn0seyJwYXJlbnRCbG9jayI6IjM5NEZCQUJELUU4MjAtNDIwNC05MkYwLUY3QkUwQ0JGNzg2MyIsInR5cGUiOiJ0ZXh0IiwiY3JlYXRlZEJ5VXNlcklkIjoiMTZjOTk1ZTAtOTQ1Yy1mMTU4LTRiZjMtZTk5Nzc1OGU0NGE1IiwicHJvcGVydGllcyI6IntcInRpdGxlRW5hYmxlZFwiOlwidHJ1ZVwifSIsInBhZ2VTdHlsZSI6Int9Iiwic3R5bGVBdHRyaWJ1dGVzIjoie1widGV4dFN0eWxlXCI6XCJib2R5XCIsXCJsaXN0U3R5bGVcIjpcIm5vbmVcIixcImxpbmVTdHlsZVwiOlwibm9uZVwiLFwidXJsU3R5bGVcIjpcImRlZmF1bHRcIixcImxheW91dFN0eWxlXCI6XCJyZWd1bGFyXCIsXCJpbWFnZUZpbGxTdHlsZVwiOlwic2NhbGVBc3BlY3RGaWxsXCIsXCJpbWFnZVNpemVTdHlsZVwiOlwiYXV0b1wiLFwiX3J1bkF0dHJpYnV0ZXNcIjpbXSxcImRlY29yYXRpb25zXCI6e30sXCJpbmRlbnRhdGlvbkxldmVsXCI6MH0iLCJjb250ZW50Ijoi54CP6Ka95Zmo5Lmf6KaB5a6J6KOd55u46Zec5aSW5o6b5omN6IO96YGL5L2c77yM6ZaL5ZWfR29vZ2xlIENocm9tZeeAj+imveWZqO+8jOmAsuWFpeWkluaOm+Wll+S7tuW+jO+8jOm7nuS4gOS4i+Wwseacg+iHquihjOS4i+i8ieiIh+WuieijneOAgiIsInN1YkJsb2NrcyI6W10sImNyZWF0ZWQiOjE2NzIyNDQyNjQ3MDEsInVwZGF0ZWQiOjE2NzIyNDQyNjQ3MzEsInRlbXBJZCI6IjUwREU3NkYxLTY5MEYtNDdBMS1BQzcwLTgzRTJBQzEzQTg1MCJ9XQ==" id="bkmrk-"></div>