Sublime text 设置快捷键让html文件在浏览器中打开

最新推荐文章于 2024-07-02 08:56:46 发布
最新推荐文章于 2024-07-02 08:56:46 发布
阅读量1k 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u010682375/article/details/78819066
本文介绍如何在VSCode中安装并配置ViewInBrowser插件，通过简单的步骤实现HTML文件的快速预览。首先，利用快捷命令安装插件，接着设置自定义快捷键，最后演示如何使用该快捷键在默认浏览器中打开并预览编辑的HTML文件。

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

1.安装View In Browser插件

快捷键 Ctrl+Shift+P（菜单栏Tools->Command Paletter），输入 pcip选中Install Package并回车，输入View In Browser的插件回车就安装了

2.设置快捷键

菜单栏Preferences->Key Bindings-User）
输入如下内容：
[{ “keys”: [“ctrl+alt+f”], “command”: “open_in_browser” },]

3.快捷键使用
编辑index.html文件
使用快捷键ctrl+alt+f，浏览编辑效果，即可使用默认浏览器打开；

Xiaoli_Coding
关注
如何在Sublime Text3 中打开浏览器预览效果
越努力，越幸运！！！
04-25 3万+
由于最近在学习网页制作，目前还只是在起步的HTML阶段。昨晚用记事本写了写HTML代码，深感不爽，今早便在知乎上寻找了一款受欢迎的编辑器——Sublime Text3话不多说，下课后吃完饭立马打开电脑开始安装Sublime Text3，刚进去的页面便让英语不好的我感受到了一丝凉意，还有复制进去昨晚写的代码为啥全是一色显示，也没有想象中的语法高亮显示啊。还有这个到底怎么才能运行。。。。。下面便开始逐...
brackets-open-in-browser:在 Web 浏览器中打开当前视图选项卡的内容。 基于 Sublime Text - 在浏览器中查看
07-04
添加新的扩展打开文件 = (htm|html|py|php|svg|jpg|jpeg|gif|png|ico|asp) 将 FileMenu 的位置菜单项更改为 ViewMenu 2014 年 12 月 21 日： 初始代码 对于支持和问题 请使用发布您的问题、此扩展的功能更改/请求...
在sublime-text中设置浏览器预览
weixin_34088838的博客
03-12 219
配置在Chrome,Firefox中打开 安装 SideBarEnhancements 然后通过ctrl + k, ctrl + b打开侧边栏，在侧边栏的文件中右击，找到 open width -> edit applications 然后在这里边设置firefox打开的方式。application : 路径要修改为自己默认安装的路径。 [    {"id": "side-bar-f...
sublime设置快捷键chrome浏览器
SlothSid的博客
01-28 531
一.在线安装 打开Sublime，然后从菜单 View - Show Console 或者Ctrl+~（打开控制台），把下面这段python命令复制进去。 import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.requ...
快捷键让SublimeText在编文件快速在浏览器打开
Sumo_dream的博客
04-30 3489
前提是得先安装package control插件 1、通过"ctrl+shift+p"打开命令面板 2、输入"install package"打开安装插件面板 3、输入"view in browser"后通过鼠标左键单击或者回车键进行安装 4、察看SublimeText左下角状态栏了解是否安装成功 使用的方法： 1、在SublimeText下打开该路径：preference -
Sublime创建html项目并在浏览器运行
xuexue2017的博客
10-20 1万+
Attention：首先要在sublime安装 Emmet插件  1、File  —>  New File (快捷键Ctrl+N)    新建一个文件  2、 Ctrl + S  保存文件 3、点击右下角plain text的标志，点击，选择文件类型为HTML   4、输入感叹号！（注意区别中英文）  5、按Tab键，代码就自动补全了   6、记得 Ctrl + S 保...
Sublime Text—设置浏览器快捷键的方法推荐
09-22
在Sublime Text中，可以通过安装并配置插件来设置特定的快捷键，直接打开指定的浏览器。这里推荐的插件是SideBarEnhancements。安装这个插件后，我们可以为Sublime Text配置用户自定义的快捷键，用以打开不同的...
sublimetext3快捷键
07-30
此快捷键是Sublime Text中非常重要的一个功能，通过它我们可以快速地访问到软件中的各种命令和设置。 - **Ctrl+P**：打开文件搜索框。可以输入文件名或部分路径来快速定位并打开文件。 - **Ctrl+G**：跳转到指定行。...
Sublime Text的高效快捷键汇总与浏览器预览功能
这份Sublime Text 的快捷键集合涵盖了文件管理、代码格式化、浏览器预览、代码编辑、导航等多个方面，是提升Sublime Text 使用体验和工作效率的重要工具。熟练掌握这些快捷键将极大地提高编程时的流畅度和效率。
sublime如何运行Html文件？
最新发布
小韩的博客
07-02 1038
在sublime上面写了html代码以后，怎么运行html文件来进行debug呢？如果去点击保存的HTML文件，每次这样就会很麻烦，能不能直接在sublime里面点什么就可以直接打开浏览器运行呢？答案是OK的。
Sublime Text3设置快捷键让html文件在浏览器打开
weixin_42547786的博客
07-23 5294
1 首先下载安装sublime text3 下载地址：http://www.sdifenzhou.com/sublimetext3.html 具体的安装步骤我就不赘述了，上面的下载地址里有详细的步骤，请大家参阅。 这里要特别给大家推荐一个很好的下载的地方， 史蒂芬周的博客 http://www.sdifenzhou.com 这个博客要强烈推荐，上面有很多常用工具的破解版下载地址，而且...
Mac sublime text 快速在浏览器中查看当前编辑页面
ningsuper的博客
02-08 755
Mac sublime Text 用插件“view in browser”快速在浏览器中查看当前编辑页面
sublime编辑HTML 基础常用快捷键
weixin_43664464的博客
03-21 1366
放大屏幕：ctrl+ 分屏：alt+shift+数字 展开与收起代码块 选择单词：ctrl+D;选择一行：ctrl+L; 多处选择：ctrl+多次单击 段落缩进：ctrl+[/ctrl+] ！ tab/ctrl+E 扩展 p段落内容 扩展 img=[src="logo.jpg"]扩展 标签的嵌套与同级、分组 p>span p>img+a (div>p)+(div>p+img) 快速生成多个元素 ul>li*3 快速生成文本内容 lorem+(单词数量) ...
sublime html浏览器打开,Sublime Text设置快捷键让html文件在浏览器打开
weixin_39818521的博客
06-05 301
Vmware虚拟机Devstack安装openstack(All in one)Vmware虚拟机Devstack安装openstack(All in one) 博客园第一篇博客,先练习一下. 官方文档 环境 Vmware虚拟机 OS : Ubuntu 14.04 Nat网络,D ...在Windows上编译最新的CURL，含有zlib，openssl最近,从网上下载了一个curl库,使用时各种报...
Sublime 设置快捷键让html在浏览器中打开
热门推荐
司马懿的西山居
02-10 1万+
sublime 的版本可以通过 Help -> Changelog… 来查看。我这里的版本是sublime3。首先要安装 “View In Browser” 插件。Preferences -> Package Control，输入 “Package Control: Install Package” 并回车。安装成功后，还是在 Package Control，输入 “View In Browser”
Sublime text设置快捷键让编写的HTML文件在打指定浏览器预览
weixin_34239592的博客
03-24 148
作者：浪人链接：https://www.zhihu.com/question/27219231/answer/43608776来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 1，按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音） 2，粘贴以下代码到底部命令行并回车：（ST3版本）im...
【安装】快捷键设置sublime text 3的HTML在设置的浏览器中打开
二木成林
11-28 419
第一步：快捷键按Ctrl +Shift + P，打开然后输入install package，并点击第一个。 第二步，在新出现的文本框中输入SideBarEnhancements，然后点击它。 如果在首选项——package settings中出现了Side Bar，则表示已经安装成功。 第三步，设置快捷键。打开“首选项——Package Settings——Side Bar——Key...
sulime运行html文件解决办法
kaiser010的博客
05-25 771
sulime是每个前端都必须使用的一款编辑器，这款编辑器最大的有点就是能运行html文件。但是运行html文件要安装一个插件"View In Browser"，下面将sublime运行html的方法分享如下。步骤2：在弹出的搜索框中输入"view in browser"并安装view in browser，安装成功后sulime编辑器的菜单栏tool中会有View in Browser。文章来源：http://www.theicstock.com/gonglve/1012.html。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值