Sublime Text 3配置瀏覽器預(yù)覽路徑為localhost

在程序員中，Sublime Text 3被譽為碼農(nóng)神器，深受喜愛。然而，在默認(rèn)情況下，Sublime Text 3對當(dāng)前編輯的頁面調(diào)用瀏覽器進(jìn)行預(yù)覽時，使用的是文件所在的磁盤路徑，這可能導(dǎo)致PHP、A

在程序員中，Sublime Text 3被譽為碼農(nóng)神器，深受喜愛。然而，在默認(rèn)情況下，Sublime Text 3對當(dāng)前編輯的頁面調(diào)用瀏覽器進(jìn)行預(yù)覽時，使用的是文件所在的磁盤路徑，這可能導(dǎo)致PHP、ASP等文件無法正常工作。那么，如何將瀏覽器預(yù)覽路徑配置為localhost呢？接下來將詳細(xì)介紹配置步驟。

安裝SideBarEnhancements插件

首先，在Sublime Text 3中安裝SideBarEnhancements側(cè)邊欄增強插件。安裝完成后，需要指定SideBarEnhancements的默認(rèn)瀏覽器。打開“Preference -> Package Settings -> Side Bar -> Settings User”，在打開的文件中添加以下內(nèi)容：

```json

{

"default_browser": "chrome" //選擇瀏覽器：firefox, aurora, chrome, canary, chromium, opera, safari

}

```

可以根據(jù)個人喜好選擇默認(rèn)瀏覽器，這里以Chrome為例。

指定默認(rèn)localhost目錄

為了將瀏覽路徑指定為localhost，右鍵點擊側(cè)邊欄中的任意文檔，選擇“Project -> Edit Preview URLs”，在打開的文件中添加類似以下內(nèi)容：

```json

{

"E:/WEBSITE/HelloWorld/": {

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

"url_production": ""

}

}

```

注意，"E:/WEBSITE/HelloWorld/"應(yīng)該替換為你項目在磁盤中的路徑，同時根據(jù)實際情況修改"url_testing"為本地的localhost地址，"url_production"為項目線上地址。

瀏覽器綁定熱鍵

在Sublime Text 3中，打開“Preference -> Package Settings -> Side Bar -> key Bindings-User”，在打開的文件中添加以下內(nèi)容：

```json

[

{

"keys": ["alt f12"],

"command": "side_bar_open_in_browser",

"args": { "paths": [], "type": "testing", "browser": "" }

}

]

```

這里設(shè)置了快捷鍵“alt f12”用于調(diào)用在配置文件中設(shè)置好的瀏覽器進(jìn)行瀏覽，用戶可以根據(jù)自己的習(xí)慣進(jìn)行修改。

通過以上步驟的設(shè)置，現(xiàn)在您已經(jīng)成功配置了Sublime Text 3的瀏覽器預(yù)覽路徑為localhost。在編輯頁面時，只需按下相應(yīng)的熱鍵，即可輕松調(diào)用瀏覽器進(jìn)行預(yù)覽。