sublime如何运行Html文件?

背景:

在sublime上面写了html代码以后,怎么运行html文件来进行debug呢?如果去点击保存的HTML文件,每次这样就会很麻烦,能不能直接在sublime里面点什么就可以直接打开浏览器运行呢?答案是OK的。

1-确认View in Browser插件

首先看你的工具栏里面有没有"view in Browser"这个插件,我记得以前是没有的,需要自己下载,但是我现在用的2023版的是内置了这个插件,如果你的没有,那么就安装一个便是。

安装view in browser 插件

按照下面的图片操作就行。

写完代码以后,按快捷键或者点在工具里面点击view in Browser就可以直接在浏览器里面运行了。

如果你的电脑没有反应,请看下一条。

view in browser点击无效

如果你发现你依旧运行不了HTML文件,那就采取以下方法。

然后输入以下格式的代码

cpp 复制代码
{"nt": {
        "win32": {
            "浏览器名称":"浏览器路径"
        }
    },
    "browser": "浏览器名称"
}

下面这个是我按照自己的情况设置的,你可以参考一下,浏览器路径右键快捷方式就可以得到了,最后ctrl+S保存一下就可以了。

1-注意,直接粘贴路径代码会报错,需要手动在每个\后面再加个\,具体参考下面的代码。

2-浏览器名称无所谓,前后一致即可,你用IE或者edge都可以的。

cs 复制代码
{"nt": {
        "win32": {
            "Google Chrome":"C:\\Users\\Administrator\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe"
        }
    },
    "browser": "Google Chrome"
}

以上

相关推荐
悟纤6 小时前
学习与专注音乐流派 (Study & Focus Music):AI 音乐创作终极指南 | Suno高级篇 | 第33篇
大数据·人工智能·深度学习·学习·suno·suno api
爱写bug的野原新之助6 小时前
加密摘要算法MD5、SHA、HMAC:学习笔记
笔记·学习
ZH15455891316 小时前
Flutter for OpenHarmony Python学习助手实战:Web开发框架应用的实现
python·学习·flutter
百锦再6 小时前
Vue高阶知识:利用 defineModel 特性开发搜索组件组合
前端·vue.js·学习·flutter·typescript·前端框架
CappuccinoRose7 小时前
JavaScript 学习文档(二)
前端·javascript·学习·数据类型·运算符·箭头函数·变量声明
A9better7 小时前
C++——不一样的I/O工具与名称空间
开发语言·c++·学习
小乔的编程内容分享站7 小时前
C语言笔记之函数
c语言·笔记
AI职业加油站7 小时前
职业提升之路:我的大数据分析师学习与备考分享
大数据·人工智能·经验分享·学习·职场和发展·数据分析
四谎真好看7 小时前
JavaWeb学习笔记(Day13)
笔记·学习·学习笔记·javaweb
ZH15455891317 小时前
Flutter for OpenHarmony Python学习助手实战:机器学习算法实现的实现
python·学习·flutter