日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

Sublime Text 3 配置浏览器预览路径 localhost

發布時間:2024/10/12 HTML 78 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Sublime Text 3 配置浏览器预览路径 localhost 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

原文鏈接:http://jingyan.baidu.com/article/15622f2419ce79fdfcbea5ea.html

按步驟設置成功!感謝大俠!

?

以下是原文:

Sublime Text 3 受到程序員的喜愛,被譽為碼農神器,具體優點就不說了。在 Sublime Text 3 中,可以對當前編輯的頁面調用瀏覽器進行預覽,但是默認的瀏覽器路徑為文件所在的磁盤路徑,這樣如果是PHP、ASP文件的話,就不能正常工作,那么怎么配置瀏覽器默認的瀏覽路徑為localhost呢,且聽分解。

工具/原料

  • Sublime Text 3
  • SideBarEnhancements

方法/步驟

  • 在 Sublime Text 3 中,安裝 SideBarEnhancements 側邊欄增強插件。

  • SideBarEnhancements 插件安裝完成后,首先為 SideBarEnhancements 指定默認瀏覽器。打開 " Preference --> Package Settings --> Side Bar --> Settings User-User"

  • 在打開的文件中添加:

    {

    ? "default_browser": "chrome" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari,

     "portable_browser": "D:/Program Files/Mozilla Firefox/firefox.exe",
    ? // "portable_browser": "D:/Program Files/UCBrowser/Application/UCBrowser.exe",

    }

    ?

    默認的瀏覽器可以是列表中的任意一種,在這里我選擇的是Chrome,可以根據自己的情況進行選擇。

    portable_browser是自定義的,可直接指定瀏覽器。

  • 為 SideBarEnhancements 指定默認localhsot目錄。在側邊欄任意文檔上點擊鼠標右鍵,選擇 "Project --> Edit Preview URLs"

  • 在打開的文件中添加如下內容:

    {
    ??? "E:/klaus/work/":{
    ??????? "url_testing": "http://localhost/",
    ??????? "url_production": "http://localhost/"
    ??? }
    }

    ?

    1、"E:/WEBSITE/HelloWorld/" 是項目在磁盤中的路徑,請修改為你的項目地址

    2、"url_testing" 是你本地的 localhost 地址

    3、?"url_production" 是項目線上地址

    ?

    ?

    請根據自己的情況進行修改。

  • 為瀏覽器綁定熱鍵。

    在 Sublime Text 3 中,打開 "Preference --> Package Settings --> Side Bar --> key Bindings-User",在打開的文件中添加如下內容:

    ?

    [

    {

    ? ? ? ? "keys": ["f12"],

    ? ? ? ? "command": "side_bar_open_in_browser",

    ? ? ? ? "args": {

    ? ? ? ? ? ? ? ? ? ? "paths": [],

    ? ? ? ? ? ? ? ? ? ? "type": "testing",

    ? ? ? ? ? ? ? ? ? ? "browser": ""

    ? ? ? ? ? ? ? ? }

    ? ? }

    ]

    ?

    在此,我為瀏覽器綁定的熱鍵是 "F12",可以根據自己的使用習慣進行修改。

  • 至此,所有設置已經完成,可以在頁面中按相應的熱鍵,調用在配置文件中設置好的瀏覽器進行瀏覽。

    END
  • 注意事項

    • 用 Package Control 安裝的 SideBarEnhancements 只支持 Sublime Text 3,不支持舊版本的 Sublime Text 2

    轉載于:https://www.cnblogs.com/pthlp/p/4866919.html

    總結

    以上是生活随笔為你收集整理的Sublime Text 3 配置浏览器预览路径 localhost的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。