很多html编辑器都有自带的预览选项但是vscode扩展编辑器并不能直接预览html文件,今天咪咪我就来分享一下vscode扩展预览html文件的方法
-
首先,在vscode扩展里面新建一个项目然后再在项目裏面新建html文件,注意必须要在项目里面新建html文件才行哦。
-
之后我们点击vscode扩展界面左边的扩展图标,如图所示这个就是扩展图标。
-
之後就可以打开扩展搜索窗口,扩展其实说白了就是插件
-
接着我们在输入框输入view,然后选择view in browser,点击右下角的安装按钮即可开始安装
-
如图,安装扩展还是比较快的安装好之后点击“重新加载”按钮,这样才会有效哦
-
如图,他会提示你要重载窗口点击“重载窗口”按钮僦可以了哦。
-
接着我们在之前的html文件上面单击鼠标右键,然后右键菜单就会出现这个“view in browser”选项选择它即可预览。
-
如图接着就会在默認浏览器中打开html文件,我的默认浏览器是搜狗浏览器当然,你也可以自行设置默认浏览器哦
注意,必须在项目文件夹里面新建html文件否则无法打开view in browser菜单哦。
本页搜狗指南内容仅代表作者本人意见若因此产生任何纠纷由作者本人负责,概与搜狗公司无关本页搜狗指南內容仅供参考,请您根据自身实际情况谨慎操作尤其涉及您或第三方利益等事项,请咨询专业人士处理
恭喜您完成每日一赞任务