subline运行html方法教程

小伙伴们有没有觉得学习文章很有意思？有意思就对了！今天就给大家带来《subline运行html方法（拼写修正）【教程】》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

可通过快捷键、插件或配置构建系统在Sublime Text中预览HTML文件。一、保存文件后手动双击打开或右键选择“Open in Browser”；二、安装View in Browser插件，使用Alt+Shift+V快捷键一键预览；三、自定义Build System，添加浏览器调用命令，按Ctrl+B运行；四、安装Open-In-Browser插件，通过右键菜单或F12快捷键在默认浏览器中打开页面。

如果您在使用Sublime Text编辑HTML文件，但无法直接在浏览器中预览页面效果，可以通过配置运行系统或安装插件来实现快速打开HTML文件。以下是几种在Sublime Text中运行HTML文件的方法：

一、使用快捷键配合浏览器手动打开

该方法无需安装插件，利用操作系统的默认程序打开HTML文件进行预览。

1、保存当前编写的HTML文件，例如命名为 index.html。

2、在Sublime Text中右键点击文件内容区域，选择“Open in Browser”选项（若无此选项则跳过）。

3、若没有内置选项，可手动进入文件所在目录，双击HTML文件，系统将自动用默认浏览器打开。

二、安装View in Browser插件

通过Package Control安装第三方插件，实现一键在浏览器中预览HTML文件。

1、确保已安装 Package Control，若未安装可在Sublime官网按照指引进行安装。

2、按下 Ctrl+Shift+P 打开命令面板，输入“Install Package”，回车确认。

3、等待包管理器加载完成后，搜索“View In Browser”，选择并安装该插件。

4、安装完成后，按下 Alt+Shift+V 即可在默认浏览器中打开当前HTML文件。

三、配置Build System运行HTML

通过自定义构建系统，使Sublime Text能够调用浏览器打开HTML文件。

1、点击菜单栏的“Tools” → “Build System” → “New Build System”。

2、将以下内容粘贴到新建的配置文件中：

{

  "cmd": ["start", "", "$file"],

  "shell": true,

  "selector": "text.html"

}

3、将文件保存为 HTML.sublime-build，建议保存在默认提示的路径下。

4、回到HTML文件界面，按下 Ctrl+B 构建，即可用默认浏览器打开当前页面。

四、使用Open-In-Browser插件

该插件支持多种浏览器快速启动，提供更灵活的预览方式。

1、通过Package Control安装“Open-In-Browser”插件。

2、安装完成后，在HTML文件中右键点击，选择“Open in Default Browser”。

3、也可使用快捷键 F12 直接打开默认浏览器进行预览。

4、如需更换目标浏览器，可在插件设置中修改浏览器路径。

今天关于《subline运行html方法教程》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！