sublime text3直接開啟localhost的檔案

weixin_33806914發表於2017-07-22

大家一定了解到localhost的檔案是不能直接開啟的,那麼怎麼讓sublime text3能直接開啟呢,其實只需要幾個外掛就可以了,畢竟sublime text的外掛實在是強大

首先需要開啟sublime text3的側邊欄,project -> add folders to project 。

然後安裝 SideBarEnhancements 側邊欄增強外掛,安裝方法如下

使用快捷鍵 shift + ctrl(mac為win鍵)+p 開啟外掛安裝框,然後輸入 install Package並按下回車


6901602-5a3d6807e2b0d768.png
安裝外掛視窗


然後輸入SideBar 並選擇SideBarEnhancements按下回車進行安裝,進度看左下角,,安裝完成後指定localhost的專案地址

在側邊欄選中你要指定的專案資料夾上點選滑鼠右鍵,選擇 "Project --> Edit Preview URLs"

在開啟的視窗輸入下面資訊並儲存,注意專案檔案路徑不能錯。

{

"你的專案資料夾絕對路徑":{

"url_testing": "http://localhost/",

"url_production": ""

}

}

最後繫結瀏覽器和開啟快捷鍵

開啟 "Preference --> Package Settings --> Side Bar --> key Bindings-User"。

輸入如下資訊並儲存,具體快捷鍵和瀏覽器可以自己修改。

[

{

"keys": ["ctrl+r"],//組合鍵 可以自己定義

"command": "side_bar_open_in_browser",

"args": {

"paths": [],

"type": "testing",

"browser": "chrome" //可選 firefox, aurora, chrome, canary, chromium, opera, safari

}

}

]

修改完畢後重啟sublime text就可以直接開啟localhost的檔案了,再也不用每次都要自己動手輸入地址,而且你也不用擔心他影響到非localhost的檔案,因為他是指定了資料夾。

相關文章