如何在Sublime Text3 中打开浏览器预览效果

已于 2023-06-19 16:39:51 修改
阅读量3.2w 收藏 27
点赞数 7
分类专栏： ---------HTML----------- 文章标签： sublime text 编辑器
于 2018-04-25 13:52:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JYL1159131237/article/details/80077897
版权
本文介绍了如何在Sublime Text3中安装、汉化、设置语法高亮以及配置快捷键来实现浏览器预览HTML效果。通过设置快捷键和安装SideBarEnhancements插件，解决了在编辑器中预览网页的问题，并推荐了一些主题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

由于最近在学习网页制作，目前还只是在起步的HTML阶段。

昨晚用记事本写了写HTML代码，深感不爽，今早便在知乎上寻找了一款受欢迎的编辑器——Sublime Text3

话不多说，下课后吃完饭立马打开电脑开始安装Sublime Text3，刚进去的页面便让英语不好的我感受到了一丝凉意，还有复制进去昨晚写的代码为啥全是一色显示，也没有想象中的语法高亮显示啊。还有这个到底怎么才能运行。。。。。

下面便开始逐一解决问题。

关于基本的安装和插件，这里推荐这篇文章，适合小白的细心教程。

Sublime Text 3安装及常用插件安装

关于汉化，也是比较简单的，戳这里！

那么，大家关心的语法高亮怎么实现呢？

在Sublime Text3的右下角有个选择的小按钮，需要选择语言才行。。没找到的戳这里！

最低0.47元/天 解锁文章
在浏览器中打开预览Sublime Text 3文件
EkWeller的博客
09-28 237
Sublime Text 3是一款流行的文本编辑器，广泛用于软件开发和编程。它具有丰富的功能和可扩展性，使得开发人员可以高效地编写代码。在本文中，我们将探讨如何在浏览器中预览Sublime Text 3文件，并提供相应的源代码示例。
Sublime Text轻量级编辑器使用方法介绍及经验总结
最新发布
zhlhappy的博客
04-13 870
示例：在中添加：json复制{ "keys": ["ctrl+alt+l"], "command": "reindent" } // 快速格式化代码五、总结与建议保持简洁：避免过度安装插件，定期清理冗余配置。组合键肌肉记忆：熟练使用Ctrl+PCtrl+R等核心快捷键。活用社区资源：通过和Reddit解决疑难问题。通过上述方法，Sublime Text 可成为兼顾速度与功能的开发利器，尤其适合追求高效编码的中高级用户。
关于sublime text3中设置快捷键让html文件在浏览器打开
热门推荐
szm1900的博客
02-23 1万+
关于sublime text3中设置快捷键让html文件在浏览器打开
在sublime中设置浏览器预览
miao_9的博客
01-12 1万+
在sublime中设置浏览器预览sublime是一款小而精的编辑器，但其中没有自带浏览器预览功能，所以下面就教给大家一种方法1. 安装SideBarEnhancements插件ctrl+shift+p 打开搜索框，输入“pcip”，选中第一个选项，然后回车。2. 配置预览快捷键点击“Preferences—>Package Settings—>Side Bar—>Key Bindings-User”
sublime 实现浏览器预览功能
生命不息，挖坑不止
08-31 2431
SideBarEnhancements插件" style="margin:1.25em 0px; font-size:1.35em; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(221,221,221); padding-top:15px; padding-bottom:10px; font
sublime text3 浏览器预览设置
12-14 1163
Sublime Text3浏览器 预览设置 安装SideBarEnhancements插件 设置浏览器热键 Preference–>Package Settings–>Side Bar–>Key Bindings-Users [ //chrome { "keys": ["f1"], "command": "side_bar_files_open_with",
sublime text设置html的浏览器预览
Haley的博客
04-23 7578
sublime text设置html的浏览器预览 如果只是简单的在浏览器中预览，不需要像网上说的那样安装SideBarEnhancements 插件。因为这个插件功能太强，配置起来也麻烦。 在不需要其他复杂功能的情况下，推荐使用openInBrowser 插件，推荐使用Package Control 进行安装； 安装完成后，只需要一句简单的设置——绑定快捷键即可。打开Preference->Key
Sublime Text—设置浏览器快捷键的方法推荐
09-22
在Sublime Text中，可以通过安装并配置插件来设置特定的快捷键，直接打开指定的浏览器。这里推荐的插件是SideBarEnhancements。安装这个插件后，我们可以为Sublime Text配置用户自定义的快捷键，用以打开不同的...
Sublime Text插件：在浏览器中预览当前视图内容
sublime-view-in-browser插件的核心功能是在网页浏览器中预览Sublime Text编辑器中当前打开的文件。当用户正在编辑一个HTML、CSS或JavaScript文件时，可以通过简单的命令或快捷键，直接在默认浏览器中打开该文件，...
sublime text3添加duilib预览插件.zip
02-18
本文将详细介绍如何在Sublime Text 3中添加Duilib预览插件，以实现快速预览功能。 首先，你需要确保已经安装了Sublime Text 3。如果你尚未安装，可以从官方网站下载并进行安装。安装完成后，你可以通过Sublime Text...
让sublime可以在浏览器中预览
xiaoyuzilaiye的博客
12-06 837
使用Sublime Text2进行前端代码编程，我们需要使用浏览器对代码进行预览，此时我们需要对Sublime Text2进行一下配置 步骤很简单，仅仅需要以下几步： 1、打开sublime后点击菜单中的Tools——>New plugin… 操作如图：   打开后会出现如图所示的框：   2、将上面的代码全部删除，然后写入以下代码
sublime text 3浏览器预览快捷家设置
shixingze的博客
07-31 126
{ “keys”: [“f3”], “command”: “open_in_browser” }
在 Sublime Text 中直接预览 Markdown 文件
Lucy_wzw的博客
11-20 1554
在 Sublime Text 中直接预览 Markdown 文件需要借助插件实现。
Sublime Text3 .md文件实时预览
weixin_73077332的博客
06-06 1643
（1）按下组合键ctrl+shift+P打开快速菜单，或是点击Preference->Package Control调出命令面板，然后再输入 ’pcip’，选择 Package Control: install package（安装插件）。Preference->Package Settings->Auto-save->打开Settings-Defualt和Settings-User。（3）在插件安装面板里面输入所需安装插件名称（如：Markdown Preview），并点击回车，进行安装即可。
Sublime Text3如何快速预览html文件
weixin_30698527的博客
09-13 1180
Sublime Text3 步骤1：选择 Tools----> Build System ----> New Build System... 步骤2：输入以下内容 "cmd":["explorer.exe","$file"] 步骤3：重命名文件并保存然后用快捷键Ctrl+B即可打开默认浏览器进行预览 转载于:https://www.cnblogs.com/wuyiz/p/...
如何在sublime text运行javascript
xizai2012的专栏
07-03 1万+
在Console模式下，浏览器不仅可以编辑也可以运行js。 大部分场景下，我们都是在IDE编辑保存，然后在浏览器打开预览效果。 在web前端的领域，sublime text成为了我编辑javascript的最爱，过往都是重复着上面的场景。 今天在youtube上学到了一招，编辑和运行javascript于sublime text一身。 准备材料： 1:首先得安装好了sublime，我选择
Mac sublime text 快速在浏览器中查看当前编辑页面
ningsuper的博客
02-08 738
Mac sublime Text 用插件“view in browser”快速在浏览器中查看当前编辑页面
Sublime 显示空格和Tab效果
weixin_42176639的博客
07-29 2530
Sublime 显示空格和Tab效果 python要求严格区分tab和空格 因此，需要在Sublime编辑器里区分显示Tab和空格效果 在Preferences->>Settings里加入：“draw_white_space”: “all” ...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黎曼猜想·

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值