前言
更加多内容，请拜访我的 个人博客。
工欲善其事，必先利其器。一个好的编辑器会让编程过程变得事半功倍。
针对 HTML 编程，我用过这么几款编辑器。
首要是Dreamweaver，这还是我在读大学那会儿运用的网页编辑器。我依稀记得这款编辑器最大的特点便是能够进行拖拽操作。随意将按钮、选项框、照片等元素拖拽到页面进行布局，别提有多方便了。
在我参加工作之后便是运用Webstorm编辑器了，这款软件能够说是极重提高了生产力。在编程过程中所必须的一切应用都被集成到这款软件中了。例如代码高亮、例如代码补全、例如代码测试、等等。独一的缺点便是，因为高度集成引起软件本身很大，配置不高的电脑会比较卡，发热严重。
近几年显现了一款后起之秀，亦便是VSCode。这是微软出的一款编辑器。当我第1次接触到这款软件就对他爱不释手了。以至于我一时激愤将我电脑上绝大都数的编辑器都卸载了，接下来的编程都是在VSCode上完成的。例如Python、Java、PHP、Vue等等。
除此以外，还有一款元老级编辑器，那便是大名鼎鼎的记事本。在操作系统显现之初，这款编辑器就存在了。她能够编写天下所有的软件，况且无兼容的问题、无软件臃肿的问题、无软件过时的问题。独一的缺点便是门槛太高了，小白慎入。
按照我的经验，我举荐大众运用 VSCode 来编写HTML代码。
下载安装包
首要在官网下载VSCode的安装包。比较简单，这儿就不演示了。
安装拓展
这款编辑器的特点便是想要什么功能就自己装什么拓展。这儿我举荐安装2个拓展：Chinese (Simplified) Language Pack for Visual Studio Code 和 open in browser。这两个拓展分别是用来表示中文和快速调用浏览器展示网页的。如下所示：
编写HTML代码
首要新建文本 test.html，如下所示：
而后在html文件中写入代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>潘高的小站</title>
</head>
<body>
我的第1个博客网址是 http://blog.pangao.vip
</body>
</html>
最后按 alt + B 调用浏览器，展示网页效果，如下所示：
至此，咱们就完成为了运用VSCode编写一个简单网页的过程，是不是很简单呢？！
更加多编程教育请关注公众号：潘高陪你学编程
| 
发表于 2024-6-30 00:56:45
