Sublime Text 使用快捷键 [ F2 ] 将 HTML、PHP 文件快速在浏览器中打开预览

本文介绍如何解决WampServer服务启动问题,并详细指导如何在Sublime Text中安装和配置Package Control、SideBar插件,实现本地与测试服务器的快速预览。

1.安装完 WampServer后,若显示只启动了两项服务,则修改注册表(不修改图标也会变绿了)

将右侧 start 值由 3 改为 4

I. 安装 package control

       官网 https://packagecontrol.io/    IP:74.207.232.232

       该链接经常高延迟,建议用对此IP加速

II. 安装 Side Bar




1.Open Folders – 右键文件夹 – project – Edit Preview URLs

       (就是在左边 SideBar 中,右键文件夹)

填入

      

{

    "D:/wamp64/www/":{

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

    }

}

2.preferences – package settings – side bar – settings user

填入

{

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

}

3.preferences – package settings – side bar – key-bindings-user

填入(此处设定为f2,也可设为其他键位,该键位一定要小写)

[

    {

        "keys": ["f2"],

        "command": "side_bar_open_in_browser",

        "args": {

            "paths": [],

            "type": "testing",

            "browser": ""

        }

    }

]

 

### 在 Sublime Text 3 中使用快捷键打开 Edge 浏览器的方法 要在 Sublime Text 3 中设置快捷键打开 Edge 浏览器,需要修改用户配置文件并添加相应的命令。以下是实现此功能的具体方法: #### 修改快捷键配置 首先,需要在 Sublime Text 的 `Key Bindings` 文件中添加一个自定义快捷键绑定。可以通过以下代码实现: ```json { "keys": ["alt+4"], "command": "view_in_browser", "args": {"browser": "edge"} } ``` 上述代码将 `alt+4` 设置为快捷键,用于在 Edge 浏览器打开当前文件[^1]。 #### 配置浏览器路径 为了确保 Sublime Text 能正确识别 Edge 浏览器,需要检查 `Python3_Project.sublime-build` 文件中的路径配置。默认情况下,Edge 浏览器的可执行文件路径通常位于: ```plaintext C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe ``` 如果路径不同,请根据实际情况进行调整[^2]。 #### 添加浏览器私有前缀(可选) 如果涉及 CSS 样式调试,可能需要为 Edge 添加特定的私有前缀 `-ms-`。例如: ```css -ms-border-radius: 10px; border-radius: 10px; ``` 这一步仅适用于需要兼容旧版 Edge 的情况。对于现代版本的 Edge,通常无需额外处理[^3]。 #### 注意事项 - 确保已安装并正确配置 `View In Browser` 插件,否则上述快捷键无法生效。 - 如果 Edge 浏览器未被正确识别,请手动指定其完整路径。 ```json { "keys": ["alt+4"], "command": "view_in_browser", "args": {"browser": "C:\\Program Files (x86)\\Microsoft\\Edge\\Application\\msedge.exe"} } ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值