教你快速使用VSCode编写HTML文件

简介: 教你快速使用VSCode编写HTML文件

我的小站——半生瓜のblog


1.配置

  1. 首先在官网下载VSCODE并完成安装,[vscode官网]。(https://code.visualstudio.com/)
  2. 汉化——打开软件,左侧工具栏最后一个是插件栏,点击去搜索Chinese,选择第一个安装,如图。

在这里插入图片描述

  1. 安装相关插件——搜索html,安装如下插件,如图。

在这里插入图片描述

  1. 选择左上角文件,打开文件夹。
  2. 然后新建文件,文件后缀是.html。

在这里插入图片描述

  1. 打开是一片空白,输入一个!,单击回车,补全基本结构,如图。

在这里插入图片描述
在这里插入图片描述

  1. 再次打开插件商店,搜索open in browser,安装如下插件。如图。

在这里插入图片描述

  1. 回到你的html文件,ctrl+s保存文件,然后shift+ctrl+b,在弹出的窗口中输入open in ,选择open in Other Browsers,如图(或者右键文件空白处,如图二红箭头所指向的两个,一个是用默认浏览器,一个是用其他浏览器。)。

在这里插入图片描述
在这里插入图片描述

  1. 点击,相关浏览器进行查看。(其实ALT+B一键就可以打开默认浏览器。)在这里插入图片描述
  2. 成功。

2.更改默认打开浏览器

依次点击-文件-首选项-设置
在这里插入图片描述
搜索open-in-browser,在红线标记处,修改你要是用的浏览器名称。
在这里插入图片描述

相关文章
|
2月前
|
Java
有关Java发送邮件信息(支持附件、html文件模板发送)
有关Java发送邮件信息(支持附件、html文件模板发送)
140 1
|
2月前
|
前端开发
【HTML专栏2】VSCode的使用(新建HTML文件)
【HTML专栏2】VSCode的使用(新建HTML文件)
267 0
|
2月前
|
Python
DTL与普通的HTML文件的区别
DTL与普通的HTML文件的区别。
77 5
|
2月前
如何在HTML文件中添加超链接
如何在HTML文件中添加超链接
63 0
|
2月前
|
C#
C#读取html文件
C#读取html文件
89 3
N..
|
2月前
|
移动开发 前端开发 JavaScript
HTML文件
HTML文件
N..
27 1
|
2月前
|
XML 前端开发 数据格式
BeautifulSoup 是一个 Python 库,用于从 HTML 和 XML 文件中提取数据
【5月更文挑战第10天】BeautifulSoup 是 Python 的一个库,用于解析 HTML 和 XML 文件,即使在格式不规范的情况下也能有效工作。通过创建 BeautifulSoup 对象并使用方法如 find_all 和 get,可以方便地提取和查找文档中的信息。以下是一段示例代码,展示如何安装库、解析 HTML 数据以及打印段落、链接和特定类名的元素。BeautifulSoup 还支持更复杂的查询和文档修改功能。
54 1
|
23天前
|
前端开发 JavaScript
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
|
1月前
|
JavaScript 前端开发 API
探讨JavaScript动态添加HTML文件的技术
探讨JavaScript动态添加HTML文件的技术
21 1
|
21天前
|
编解码
WordPress页面文件添加html后缀名
wordpress 页面默认不能实现伪静态链接,手动在链接中添加 “.html” ,会自动转码为 “-html” ,但万能的 WordPress,你能想到的功能都会有相应的插件帮你实现。
14 0