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