第一步：從官網(wǎng)下載Sublime text3，完成安裝
第二步：安裝插件管理：
ctrl + ` 調(diào)出console
進(jìn)入這個(gè)鏈接：Installation - Package Control
復(fù)制以下代碼到控制臺(tái)：
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)
然后回車(chē)一下，然后重啟一下Sublime text3（如果在Perferences->package settings中看到package control 這一項(xiàng)，則說(shuō)明安裝成功）。
第三步：安裝插件
①：cmd + shift + p 調(diào)出命令面板，輸入install后選擇Package control：install Package這一選項(xiàng)
②：等加載完成之后，在搜索欄尋找需要的插件
第四步：常用插件
① ?emmet ? 快速編寫(xiě)HTML和CSS代碼
② Side Bar Enhancements ?側(cè)邊欄優(yōu)化（只支持3）
③Theme ?Soda? 更換主題?
④Clickable URLs ? 可點(diǎn)擊的URL
⑤Material Theme ? 也是主題 效果圖如下：
第五步：設(shè)置側(cè)邊欄中的HTML文件快速在瀏覽器中打開(kāi)的快捷鍵
①按照下面的圖片操作
② 在彈出的Sublime窗口的右側(cè)的中括號(hào)中加入如下代碼
// Chrome
{ "keys": ["command+1"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "/Applications/Google Chrome.app",
"extensions":".*"
}
},
{ "keys": ["ctrl+r"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "/Applications/Google Chrome.app",
"extensions":".*"
}
},
// Safari
{ "keys": ["command+2"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "/Applications/Safari.app",
"extensions":".*"
}
},
// Firefox
{ "keys": ["command+3"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "/Applications/Firefox.app",
"extensions":".*"
}
}
然后CMD + s ?保存一下，保存后效果如下：
以上的效果就會(huì)實(shí)現(xiàn)側(cè)邊欄中的HTML文件快速在瀏覽器中打開(kāi)：
操作方式為在側(cè)邊欄中選中某個(gè)文件，然后cmd + 1 ，或者 ctrl + r 此時(shí)文件就會(huì)快速在谷歌瀏覽器中打開(kāi)，會(huì)節(jié)省很多時(shí)間。
或者是以下代碼：
// Chrome
{ "keys": ["command+1"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "/Applications/Google Chrome.app",
"extensions":".*"
}
},
// Safari
{ "keys": ["command+2"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "/Applications/Safari.app",
"extensions":".*"
}
},
// Firefox
{ "keys": ["command+3"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "/Applications/Firefox.app",
"extensions":".*"
}
}
