Sublime text如何设置快捷键让编写的HTML文件在浏览器预览?

STEP 1

Tools->Build System->New Build System

STEP 2<img src="//pic.ikafan.com/imgp/L3Byb3h5L2h0dHBzL3BpYzMuemhpbWcuY29tLzM3MjQzYzcxOGJkNDliNDk2ZjgzZWQ4ZTYxYTRmODc2X2IuanBn.jpg" data-rawwidth="798" data-rawheight="537" class="origin_image zh-lightbox-thumb" width="798" data-original="https://pic3.zhimg.com/37243c718bd49b496f83ed8e61a4f876_r.jpg">

Use windows command to open this file with default explorer

STEP 3<img src="//pic.ikafan.com/imgp/L3Byb3h5L2h0dHBzL3BpYzMuemhpbWcuY29tL2NjMGE5MjY1MGYzY2Q0M2Q2YzA1ZThlOGVjZmI1MWMyX2IuanBn.jpg" data-rawwidth="846" data-rawheight="537" class="origin_image zh-lightbox-thumb" width="846" data-original="https://pic3.zhimg.com/cc0a92650f3cd43d6c05e8e8ecfb51c2_r.jpg">


Save it in Package->User directory and switch the default build system

补充:按图上配置完成之后 按 Ctrl+B 即可用你的默认浏览器预览 HTML 代码。

但是有一点,如果文件名是中文的(或者有非asc码)预览会失败,可能是 python 2 不支持中文。

原文:http://zhufengdaaa.github.io/blog/2014/11/27/HTML-preview-tool/

时间: 2024-10-09 18:45:37

Sublime text如何设置快捷键让编写的HTML文件在浏览器预览?的相关文章

如何在sublime text 中设置快捷键 运行浏览器

关于sublime text ,Windows下有默认浏览器的设置,都可以在命令行中用"explorer.exe"调用,本人实以chrome为例 STEP 1 <img src=\'#\'" //pic4.zhimg.com/fbdc65d864120961ffffab1f33065bff_b.jpg" data-rawwidth="795&

几个实用的sublime text 2的快捷键

Sublime text快捷键 Sublime text 2是一款轻量.简洁.高效.跨平台的编辑器,他适合编写javascript,html,css,php,paython等等, 作为程序员,编码效率是非常重要的,快捷键能够帮助我们提高效率,下面是我推荐给大家的几个好用的快捷键: Ctrl+Shift+P:打开命令面板 Ctrl+P:搜索项目中的文件 Ctrl+G:跳转到第几行 Ctrl+W:关闭当前打开文件 Ctrl+Shift+W:关闭所有打开文件 Ctrl+Shift+V:粘贴并格式化 C

Sublime Text 3设置吊炸天PHP开发环境

[转载]Sublime Text 3设置吊炸天PHP开发环境 2016-11-04 10:20 | 黑夜路人 @heiyeluren @created: 2016/5/31 @last modify: 2016/7/8 1. 下载安装Sublime Text 3 http://www.sublimetext.com/3 2. 安装Sublime包管理器pci - Package Control 本来Subl3安装Package Control很麻烦,现在简单的方法来了 (1).简单的安装方法 使

Sublime Text 3的快捷键

Sublime Text 3是一个非常了不起的软件,它不仅具有令人难以置信的内置功能(多行编辑和VIM模式),而且还支持插件.代码片段和其它许多东西. 今天,我们来总结一下Sublime Text 3的快捷键,详见下面列表: 选择类: Ctrl + D(多行编辑):选中光标所占的文本,连续按下ctrl + d,可以选中多个相同的文本. Alt + F3:选择所有相同的词. Ctrl + L(选中整行):选中整行,继续操作将选中下一整行,效果和shift + ↓一样. Ctrl + Shift +

转:Sublime Text 2 实用快捷键[Mac OS X]

转: http://lucifr.com/2011/09/10/sublime-text-2-useful-shortcuts/ Sublime Text 2 实用快捷键[Mac OS X] lucasfais 总结了一些非常实用的 Sublime Text 2 快捷键,Lucifr 将它们翻译成了中文,以方便查阅. 注意:修饰键(如?)后跟多个按键的情况表示在按住修饰键的情况下依次按下相应键. 打开/前往 ?T 前往文件 ??P 前往项目 ?R 前往 method ??P 命令提示 ?G 前往

SUBLIME TEXT 2 设置文件详解

SUBLIME TEXT 2 设置文件详解 Preferences.sublime-settings文件: // While you can edit this file, it’s best to put your changes in // “User/Preferences.sublime-settings”, which overrides the settings in here. // // Settings may also be placed in file type speci

解决sublime text 2总是在新窗口中打开文件

在mac下不是很喜欢sublime text 2 总是在新窗口中打开文件,很麻烦,文件打多了,就会出现N多窗口,虽然可以直接打开当前目录可以解决,但有时候查看其它项目中的单个文件,就比较麻烦.百度一直在搜索,无果. 今天去官方论坛看了一下,发现了一个设置: ”open_files_in_new_window”: true,将其设置成false就OK了,会在当前窗口中打开文件 具体设置:Preferences -> Settings – Users  ->  搜索open_files_in_ne

sublime Text3 设置多个浏览器预览

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

sublime text 3设置浏览器快捷键

一.设置默认浏览器 1,打开sublime 依次选择 tools > build system > new build system... 2,选择你喜欢的浏览器,右键 > 属性 把"目标"里的路径复制下来 3,如图把代码里的路径替换成你刚才复制的路径  { "cmd": ["C:/Program Files (x86)/Mozilla Firefox/firefox.exe","$file"],"