2.html编辑器介绍

html编辑器介绍

HTML 编辑器推荐

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

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

VsCode创建html

步骤 1: 新建 HTML 文件

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

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

步骤 2: 在浏览器中运行这个 HTML 文件

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

安装插件

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


视频演示:https://www.bilibili.com/video/BV19b2aYKEtt?vd_source=0f4eae2845bd3b24b877e4586ffda69a\&spm_id_from=333.788.videopod.sections

相关推荐
莲动渔舟5 小时前
国产编辑器EverEdit -告别东找西找!一键打开当前文件所在目录!
编辑器·emeditor·notepad·everedit
啊丢_8 小时前
tmux和vim的基本操作
linux·编辑器·vim
莲动渔舟8 小时前
国产编辑器EverEdit - 文本编辑器的关键特性:文件变更实时监视,多头编辑不掉坑
编辑器·emeditor·notepad·everedit
沐沐森的故事8 小时前
Unity for Python —— 强大的 Python 脚本支持提升 Unity 编辑器效率
python·unity·编辑器·pythonrunner·pythonengine
今天吃了嘛o9 小时前
vscode将文件中行尾默认CRLF改为LF
vscode·编辑器
代码搬运媛12 小时前
VSCode AI提效工具,通义灵码前端开发体验
ide·vscode·编辑器
WeiLai111221 小时前
CodeGPT 使用教程(适用于 VSCode)
ide·vscode·编辑器
浪波湾1 天前
汉化VScode
ide·vscode·编辑器
莲动渔舟1 天前
国产编辑器EverEdit - 独门暗器:自动监视剪贴板内容
编辑器·emeditor·notepad·everedit
我是高手高手高高手1 天前
editor.md编辑器,图片跨域上传,前后端分离
开发语言·编辑器·php