2.html编辑器介绍-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44849312/article/details/142892010

html编辑器介绍

理论上我们可以使用记事本进行html编码和开发，但是在实际开发html页面的时候，使用一些专业的开发工具可以使我们更加快速和高效的进行开发，下面介绍几种开发工具：

你可以从以上软件的官网中下载对应的软件，按步骤安装即可。如果官网比较慢，也可以直接百度软件名称，网上会有很多安装包。

在 VS Code 安装完成后，选择" 文件(F)->新建文件(N) "，在新建的文件中输入以下代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

然后鼠标右击编辑器上的文件名，选择在默认浏览器打开（也可以其他的浏览器）

在这里插入图片描述

安装Prettier - Code formatter（代码格式化）、Live Server（本地开启服务和端口并打开页面）插件

在这里插入图片描述
视频演示：https://www.bilibili.com/video/BV19b2aYKEtt?vd_source=0f4eae2845bd3b24b877e4586ffda69a&spm_id_from=333.788.videopod.sections