sublime-text3设置浏览器预览html

选择：Tools - Build System - New Build Syatem...

或者：工具 - 编译系统 - 新编译系统

然后粘贴代码

{
     "cmd": ["chrome", "${file}"],
     "working_dir": "${file_path}",
     "shell":true,
     "variants":
     [
          {
               "name": "Run",
               "cmd": [ "firefox","${file}"]
          }
     ]
}

保存为html.sublime-build

将其中的chrome和firefox换成相应浏览器的路径（注意windows下斜杠可能要换一下，比如：C:/Program Files (x86)/Google/Chrome/Application/chrome.exe）

然后编写html的时候选择 编译系统- html

预览的时候 ctrl+B启动chrome打开html，shift+ctrl+B启动firefox 打开html

时间： 2024-08-28 20:22:55

sublime-text3设置浏览器预览html的相关文章

在sublime-text中设置浏览器预览

配置在Chrome,Firefox中打开安装 SideBarEnhancements 然后通过ctrl + k, ctrl + b打开侧边栏,在侧边栏的文件中右击,找到 open width -> edit applications 然后在这里边设置firefox打开的方式. application : 路径要修改为自己默认安装的路径. [ {"id": "side-bar-files-open-with", "children

Sublime Text3如何快速预览html文件

Sublime Text3 步骤1:选择 Tools----> Build System ----> New Build System... 步骤2:输入以下内容 "cmd":["explorer.exe","$file"] 步骤3:重命名文件并保存然后用快捷键Ctrl+B即可打开默认浏览器进行预览原文地址:https://www.cnblogs.com/wuyiz/p/9643851.html

sublime Text3 设置多个浏览器预览

使用sublime时由于经常要在ie chrome firefox等浏览器中预览,所以很有必要设置多个浏览器预览步骤: (1)安装SideBarEnhancements插件(用sublime的应该都知道) (2)安装好以后点击工具栏的 preferences > package setting > side bar > Key Building-User键入以下代码 [ { "keys": ["f1"], "command&qu

sublime如何设置支持浏览器预览

我用的text3版,其他版本未试,但应该也有效. 安了个view in browser插件,然而点击预览未起作用. 搜解决方法,发现了另一个插件,sidebar enhancements,设置快捷键预览,非常方便,安装设置方法如下: preferences/pacage control/install pacage/sidebar……ts/,安装完毕: preferences/keybindings user,打开: 在数组框[]中,加入: [ // chrome{ "keys": [

Sublime Text3—设置快捷键打开浏览器

在不同浏览器查看代码效果可谓是家常便饭,所以用不同快捷键对应打开不同浏览器可以大大提高工作效率. 本篇分享个简单的方法只需二步: 一.安装插件SideBarEnhancements ctrl+shift+P 转 Package Control: Install Package 搜 SideBarEnhancements 安装. 没装Package Control?请看:Sublime Text3-软件安装.package control插件管理. 二.设置快捷键打开Key Binding |

Atom编辑器折腾记_(5)记住上一次打开的目录及浏览器预览功能实现

简介用了Atom之后是不是发现,每次打开工作目录,保存退出后重新打开软件,目录一片空白!! Sublime和DW的快捷键预览html功能是不是很喜欢,而Atom木有!! 记住上一次打开的目录这个功能,截止目前最新的0.198版本还木有实现,这里我们用插件来实现这个功能; 但是官方说,"记住上一次打开的目录"这个功能已经内置到下一个版本(集成插件),也就是正式版1.0 插件的作者也声明了,看此段话: The Atom.io team is hopefully building a v

Asp.net实现直接在浏览器预览Word、Excel、PDF、Txt文件（附源码）

http://www.cnblogs.com/gossip/p/3473024.html Asp.net实现直接在浏览器预览Word.Excel.PDF.Txt文件(附源码) 功能说明输入文件路径,在浏览器输出文件预览信息,经测试360极速(Chrome).IE9/10.Firefox通过分类文件及代码说明 DemoFiles 存放可测试文件 Default.aspx 启动页 ExcelPreview.cs Excel预览类 public static void Priview(Sys

设置sublime text2/3中预览浏览器快捷键的方法

我们为什么要设置默认的预览浏览器呢?因为搞前端的都知道,你在预览的时候不可能只预览一个浏览器,可能需要多个,当然今天我们举例中会说道谷歌浏览器Chrome,IE浏览器Internet Explorer,火狐浏览器Firefox:为什么选择这三个呢?因为他们就是我们最常用的浏览器啦.别说你没有用过! 先科(an)普(li)一下sublime text:(取自百科) Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编

sublime txt 设置在浏览器预览

1. 安装SideBarEnhancements插件 ctrl+shift+p —> Install Package —> 找到SideBarEnhancements 2. 配置预览快捷键 Preferences —> Key Bindings - User 将以下代码复制到数组中.