? ? ? ? ? ?我真的想說(shuō)几睛,這是我第一次如此執(zhí)著的和一款軟件這樣死磕实胸,耗時(shí)兩個(gè)半天,終于安裝好了秧耗,連我都開始有點(diǎn)佩服自己的耐心和執(zhí)著了备籽。哈哈~大家不要噴我哦,真的以前裝軟件要么管別人要下載好的分井,要么遇到問(wèn)題找別人车猬,實(shí)在不行搞不定了就放棄了,這真真的是第一次自己獨(dú)立搞定的尺锚。所以珠闰,希望分享給大家,希望有用瘫辩。
1 首先下載安裝sublime text3
下載地址:http://www.sdifenzhou.com/sublimetext3.html
具體的安裝步驟我就不贅述了伏嗜,上面的下載地址里有詳細(xì)的步驟,請(qǐng)大家參閱伐厌。
這里要特別給大家推薦一個(gè)很好的下載的地方承绸,
史蒂芬周的博客 ? http://www.sdifenzhou.com
這個(gè)博客要強(qiáng)烈推薦,上面有很多常用工具的破解版下載地址挣轨,而且有非常詳細(xì)的安裝步驟军熏,周大神真的是位非常好的人,為大家無(wú)私的分享了很多好東西卷扮,總之荡澎,非常感謝啦。
2 package control的安裝
sublime text3可以安裝很多插件晤锹,譬如我們要讓html文件在瀏覽器打開摩幔,我們需要安裝插件view in browser,但前提是我們需要安裝package control鞭铆。那么怎么安裝package control呢或衡?
網(wǎng)上又很多的地方,我試了暈暈乎乎的。最終被我發(fā)現(xiàn)一個(gè)很好的網(wǎng)址推薦給大家
https://packagecontrol.io/installation#Manual
一 簡(jiǎn)單的安裝辦法
使用Ctrl+`快捷鍵或者通過(guò)View->Show Console菜單打開命令行薇宠,Sublime ?Text3粘貼如下代碼:
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)
如果順利的話偷办,此時(shí)就可以在Preferences菜單下看到Package Settings和Package Control兩個(gè)菜單了。
順便貼下Sublime Text2 的代碼:
import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
二澄港、手動(dòng)安裝
可能由于各種原因椒涯,無(wú)法使用代碼安裝,那可以通過(guò)以下步驟手動(dòng)安裝Package Control:
1.點(diǎn)擊Preferences>Browse Packages菜單
2.進(jìn)入打開的目錄的上層目錄回梧,然后再進(jìn)入Installed Packages/目錄
3.下載Package Control.sublime-package并復(fù)制到Installed Packages/目錄
4.重啟Sublime Text废岂。
我們已經(jīng)向成功走了一大半了,就剩一小點(diǎn)問(wèn)題了狱意,嘿嘿湖苞,耐心~
3 Sublime Text 3 配置瀏覽器預(yù)覽路徑 localhost
在 Sublime Text 3 中,安裝 SideBarEnhancements 側(cè)邊欄增強(qiáng)插件详囤。
1 SideBarEnhancements
2 插件安裝完成后财骨,首先為 SideBarEnhancements 指定默認(rèn)瀏覽器。打開 " Preference --> Package
Settings --> Side Bar --> Settings User-User"
3 在打開的文件中添加:
{
"default_browser": "chrome" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari
}
默認(rèn)的瀏覽器可以是列表中的任意一種藏姐,在這里我選擇的是Chrome隆箩,可以根據(jù)自己的情況進(jìn)行選擇。
4 為 SideBarEnhancements 指定默認(rèn)localhsot目錄羔杨。在側(cè)邊欄任意文檔上點(diǎn)擊鼠標(biāo)右鍵捌臊,選擇 "Project --> Edit Preview URLs"
5 在打開的文件中添加如下內(nèi)容:
{
"E:/WEBSITE/HelloWorld/":{
"url_testing": "http://localhost:8008/",
"url_production": "http://equipmentmgr.sinaapp.com/"
}
}
1、"E:/WEBSITE/HelloWorld/" 是項(xiàng)目在磁盤中的路徑兜材,請(qǐng)修改為你的項(xiàng)目地址
2理澎、"url_testing" 是你本地的 localhost 地址
3、?"url_production" 是項(xiàng)目線上地址
請(qǐng)根據(jù)自己的情況進(jìn)行修改曙寡。
6 為瀏覽器綁定熱鍵糠爬。
在 Sublime Text 3 中,打開 "Preference --> Package Settings --> Side Bar --> key Bindings-User"举庶,在打開的文件中添加如下內(nèi)容:
[
{
"keys": ["alt+f12"],
"command": "side_bar_open_in_browser",
"args": {
"paths": [],
"type": "testing",
"browser": ""
}
}
]
在此秩铆,我為瀏覽器綁定的熱鍵是 "alt + F12",可以根據(jù)自己的使用習(xí)慣進(jìn)行修改灯变。
7 至此,所有設(shè)置已經(jīng)完成捅膘,可以在頁(yè)面中按相應(yīng)的熱鍵添祸,調(diào)用在配置文件中設(shè)置好的瀏覽器進(jìn)行瀏覽。
哈哈~~~終于完了寻仗,是不是看的很累啊刃泌,我也確實(shí)裝的很累,不過(guò)還好,問(wèn)題解決了耙替,我們可以按快捷鍵打開html文件了亚侠。真的是在網(wǎng)上查閱了很多,也借鑒了很多大神的方法俗扇,小女子在此謝過(guò)了硝烂。希望對(duì)大家有用。