sublime text编辑器html页面预览

最新推荐文章于 2022-10-22 16:19:11 发布
最新推荐文章于 2022-10-22 16:19:11 发布
阅读量2.9k 收藏 3
点赞数 2
分类专栏： Sublime text 文章标签： sublime预览 dw html预览
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011141052/article/details/51222830
版权

在dw中,我们可以使用f12键快速预览html页面，那么在sublime text中是否也有类似的快捷键？答案是：yes!
不过这个需要我们自己去配置，下面简单说下配置步骤：

  1. 打开sublime 编辑器，选择【首选项】>【按键绑定-用户】，进入快捷键自定义面板

  2. 在文本中输入以下命令：(在这里我定义f4键预览)

    { "keys": ["f4"], "command":"open_in_browser" }

  3. 保存之后关闭，然后重启，就可以使用刚刚自定义的快捷键在浏览器中预览了

人生的调调
关注
专栏目录
如何在Sublime Text3 中打开浏览器预览效果
越努力，越幸运！！！
04-25 3万+
由于最近在学习网页制作，目前还只是在起步的HTML阶段。昨晚用记事本写了写HTML代码，深感不爽，今早便在知乎上寻找了一款受欢迎的编辑器——Sublime Text3话不多说，下课后吃完饭立马打开电脑开始安装Sublime Text3，刚进去的页面便让英语不好的我感受到了一丝凉意，还有复制进去昨晚写的代码为啥全是一色显示，也没有想象中的语法高亮显示啊。还有这个到底怎么才能运行。。。。。下面便开始逐...
Sublime文本编辑器免安装版
12-02
Sublime Text是一款备受开发者喜爱的轻量级、高效且功能强大的源代码编辑器，尤其适合进行编程和文本处理任务。其免安装版本使得用户无需经过复杂的安装过程即可快速使用，适用于那些频繁在不同设备间切换或者希望...
sublime text设置html的浏览器预览
Haley的博客
04-23 7448
sublime text设置html的浏览器预览 如果只是简单的在浏览器中预览，不需要像网上说的那样安装SideBarEnhancements 插件。因为这个插件功能太强，配置起来也麻烦。 在不需要其他复杂功能的情况下，推荐使用openInBrowser 插件，推荐使用Package Control 进行安装； 安装完成后，只需要一句简单的设置——绑定快捷键即可。打开Preference->Key
sublime html实时预览,教您用Sublime Text 3玩MarkDown的实时预览
weixin_34005394的博客
06-10 1126
现在已经习惯了使用Sublime Text来进行工作，期间使用过EditPlus、Atom，相比还是Sublime Text好用。MarkDown已经不是新鲜事物，大多数可能已经离不开了；但我用得少，很多不了解，比如，md文件的实时预览。读了BICHENG分享于csdn的文章，并实地走了一遍教程，实现的效果杠杠的。效果如下图：实现方法主要使用了这三个插件：MarkDown EditingMarkD...
Sublime Text3如何快速预览html文件
weixin_30698527的博客
09-13 1148
Sublime Text3 步骤1：选择 Tools----> Build System ----> New Build System... 步骤2：输入以下内容 "cmd":["explorer.exe","$file"] 步骤3：重命名文件并保存然后用快捷键Ctrl+B即可打开默认浏览器进行预览 转载于:https://www.cnblogs.com/wuyiz/p/...
Sublime中使用livereload插件实时预览html文件
fujie0206的博客
03-19 1618
Sublime中使用livereload插件实时预览html文件 本文主要介绍sublime的liveReload插件，用于在sublime中开发项目时，实时刷新浏览器看到最新修改，不用我们手动去操作浏览器刷新， 大大节省了我们开发时间。
灰色问题：Sublime Text和Visual Studio Code的配色方案，采用了流行的极简Markdown文本编辑器的设计提示
02-04
本文将深入探讨"灰色问题"——一个专门为Sublime Text和Visual Studio Code设计的配色方案，该方案深受极简主义Markdown文本编辑器的影响。 首先，我们要了解什么是配色方案。配色方案是文本编辑器中的一个重要组成...
IDEA的SublimeText2/Text3 monokai主题配色风格
04-08
IntelliJ IDEA和Sublime Text是两款备受推崇的代码编辑器，它们各自有着独特的优点。本文将深入探讨如何在IntelliJ IDEA中实现Sublime Text 2/3的Monokai主题配色风格。 首先，Monokai是一种流行的暗色主题，以其...
Sublime Text 文本编辑器
04-15
Sublime Text是一款广受欢迎的文本编辑器，尤其在程序员和开发者群体中享有极高声誉。它以其高效、可定制性高和强大的功能集而备受推崇。本文将深入探讨Sublime Text的特点，以及如何将其设置为中文界面，以方便中文...
C#开发类sublime text文本编辑器
07-01
在本文中，我们将深入探讨如何使用C#语言开发一个类似于Sublime Text的文本编辑器，主要关注Windows Forms（WinForm）应用程序的构建过程。Sublime Text是一款广受欢迎的跨平台文本编辑器，以其高效、易用和丰富的...
[转]让Sublime Text2支持浏览器中预览
weixin_30699443的博客
08-23 64
转自http://www.imququ.com/post/view-sublime-text-2-file-in-browser.html 1、点击菜单Tools -> New Plugin...，在创建好的py文件输入下列内容： import sublime, sublime_plugin import webbrowser url_map = { '/User...
Sublime Text3 + LiveReload + Chrome 使编写的HTML同步预览！
最新发布
m0_57825493的博客
10-22 553
Sublime Text3实现网页实施预览 编写效率速速提高！
sublime html预览插件,【前端】Sublime text3 插件LiveReload 实现实时预览
weixin_26934905的博客
07-14 352
1.首先要安装插件LiveReload Sublime text3。github上的一个地址：ST3-LiveReload。 在里面download下来。这个fork修正了原版配置不能保存的bug。不过说明文档里clone地址没有修改，所以不要直接按照说明文档安装。安装方法：Linuxcd ~/.config/sublime-text-3/Packagesrm-rf LiveReloadgit c...
sublime text2编写html时如何快速地在指定浏览器中预览
ArchurSpace
05-22 6102
最近在做毕业设计，所以很少更新博客。今天在写代码时想到在st2中快速启动浏览器预览效果，但是在网上搜了许多办法，基本都只能用默认的IE浏览器预览，这篇博文将给出一种全面的解决办法，可以在指定的浏览器中预览html效果，chrome,opera,firefox亲测有效。下面给出方法： 1.ctrl+shift+p调出对话框->输入install package->敲回车 2.找到
用Sublime text3 作为HTML编辑器
qq_34028001的博客
01-11 946
文章目录 这里只提一点简要的内容，详细的内容请参考本人博客下关于sublime的部分详细内容。 先安装sublime text3：https://blog.csdn.net/qq_34028001/article/details/88386503 安装相应插件：一个是EMMET，一个是View in browser, emmet 用来加快Html编码速度，官网是http://emmet.io，安...
sublime text3 设置在浏览器中一键预览文件
芥末菌的芥末园
08-06 1043
1. 安装Package Control 2. 利用Package Control包管理工具安装SidebarEnhancement插件 ----------------------------------------------------------------------------------------- 首先在sublime 点击 File -- open folder 选择...
sublime-text3设置浏览器预览html
weixin_30650859的博客
11-26 176
选择：Tools - Build System - New Build Syatem... 或者：工具 - 编译系统 - 新编译系统 然后粘贴代码 { "cmd": ["chrome", "${file}"], "working_dir": "${file_path}", "shell":true, "variants": ...
sublime text3如何在浏览器预览？
weixin_30682415的博客
07-27 509
插件： view-in-browser CTRL + ALT + V 打开浏览器 默认打开firefox，settings里面可修改。 Sublime Text - View In Browser View In Browser is a Sublime Text plugin that will open whatever is in your curren...
sublime text3如何快速预览html文件
jayz77的博客
10-05 2363
step1 step2 重命名文件并保存然后用快捷键Ctrl+B即可预览
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值