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

Sublime Text 3 受到程序员的喜爱,被誉为码农神器,具体优点就不说了。在 Sublime Text 3 中,可以对当前编辑的页面调用浏览器进行预览,但是默认的浏览器路径为文件所在的磁盘路径,这样如果是PHP、ASP文件的话,就不能正常工作,那么怎么配置浏览器默认的浏览路径为localhost呢,且听分解。

操作方法

  • 01

    在 Sublime Text 3 中,安装 SideBarEnhancements 侧边栏增强插件。

  • 02

    SideBarEnhancements 插件安装完成后,首先为 SideBarEnhancements 指定默认浏览器。打开 " Preference --> Package Settings --> Side Bar --> Settings User-User"

  • 03

    在打开的文件中添加: { "default_browser": "chrome" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari } 默认的浏览器可以是列表中的任意一种,在这里我选择的是Chrome,可以根据自己的情况进行选择。

  • 04

    为 SideBarEnhancements 指定默认localhsot目录。在侧边栏任意文档上点击鼠标右键,选择 "Project --> Edit Preview URLs"

  • 05

    在打开的文件中添加如下内容: { "E:/WEBSITE/HelloWorld/":{ "url_testing": "http://localhost:8008/", "url_production": "http://equipmentmgr.sinaapp.com/" } } 1、"E:/WEBSITE/HelloWorld/" 是项目在磁盘中的路径,请修改为你的项目地址 2、"url_testing" 是你本地的 localhost 地址 3、 "url_production" 是项目线上地址 请根据自己的情况进行修改。

  • 06

    为浏览器绑定热键。 在 Sublime Text 3 中,打开 "Preference --> Package Settings --> Side Bar --> key Bindings-User",在打开的文件中添加如下内容: [ { "keys": ["alt+f12"], "command": "side_bar_open_in_browser", "args": { "paths": [], "type": "testing", "browser": "" } } ] 在此,我为浏览器绑定的热键是 "alt + F12",可以根据自己的使用习惯进行修改。

  • 07

    至此,所有设置已经完成,可以在页面中按相应的热键,调用在配置文件中设置好的浏览器进行浏览。

(0)

相关推荐

  • vscode如何用浏览器预览运行html文件?

    最近在用vscode做开发,发现vscode并没有sublime那个直接在浏览器打开预览的功能,那该怎么办呢?经研究,原来只要装个插件就好了 操作方法 01 打开vscode编辑器,点击编辑器主界面左 ...

  • 在IETester上安装IE9浏览器预览版图文教程

    自IE9浏览器预览版发布以后,因为没有具备浏览器最基本的功能,如连地址栏都没有,所以在使用起来感觉到非常的不便!而近期在使用IETester测试网页在IE浏览器不同版本下兼容性如何的时候,发现IETe ...

  • 在IETester上安装IE9浏览器预览版

    自IE9浏览器预览版发布以后,因为没有具备浏览器最基本的功能,如连地址栏都没有,所以在使用起来感觉到非常的不便!而近期在使用IETester测试网页在IE浏览器不同版本下兼容性如何的时候,发现IETe ...

  • 用IE浏览器预览打印页面时,显示页面空白

    有时想要使用Internet Explorer预览打印页面时,会显示预览页面为空,导致打印出来的效果也是一片空白,很不方便使用.为了解决这个问题,下面给介绍不同操作系统环境下的解决方法. 操作方法 0 ...

  • Win7通过禁用IE浏览器插件提升预览速度打开网站的速度

    我们经常会使用IE浏览器在网上进行冲浪浏览,但是大家在使用过程中是否会发现有时候浏览器打开会很慢,打开某个网站的时候要十几秒才可以看到页面,其实这是因为浏览器的插件影响了预览速度了,那么我们可以通过禁 ...

  • win10预览版10041无斯巴达浏览器 IE浏览器Edge渲染引擎更新

    3月19日消息,微软在官方IE博客中不仅确认了斯巴达浏览器预览版将包含在下个Win10版本中,而且还列出了本次Build 10041版本中IE浏览器Edge渲染引擎更新的细节。本次更新的引擎功能是斯巴 ...

  • Sublime Text 3如何配置本地服务器? Sublime本地服务器的配置方法

    Sublime Text 3配置本地服务器主要是让html代码运行在本地服务器中,该怎么配置本地服务器呢?下面我们就来看看详细的教程. 1.同样的我们需要借助一款插件来实现.打开Sublime,使用快 ...

  • Sublime Text 全程指南

    摘要(Abstract) 本文系统全面的介绍了 Sublime Text,旨在成为最优秀的 Sublime Text 中文教程. 更新记录 2014/09/27:完成初稿 2014/09/28: 更正 ...

  • 微软Visual Studio 2019 预览版2发布(附更新内容及下载地址)

    微软Visual Studio 2019 预览版2 微软发布了Visual Studio 2019预览版2,现在Visual Studio现在将在后台下载更新,并使用控件Visual Studio更新 ...