一、第一个程序

先创建一个txt文本，如图所示

有的朋友没有txt的后缀，那是因为你没有打开文件拓展名，点击查看的倒三角，再把鼠标放到显示那里就可以看到文件拓展名这个栏目了，用鼠标点击它即可看到文件的后缀了。

点开新建立的txt文件对里面进行编辑，编辑成如下界面后（我先不说这些代码的含义，大家先照着敲就行，感受一下就好了），保存并关闭

输入完代码之后，对文件名进行修改，尤其是后缀要改成html，前面的名字可以按自己喜爱来。

这样我们第一个程序就做好了，双击它即可运行。

运行结果如图所示

二、开发环境

开发工具推荐vscode，下载网址为：Download Visual Studio Code - Mac, Linux, Windows

有的人在刚开始创建的那个小程序图标是别的如：IE 浏览器图标，火狐浏览器图标。那就是因为你的默认浏览器设置

默认浏览器这边推荐谷歌浏览器，因为谷歌浏览器可以很好地调试我们所书写的代码。

下载并按照好vscode之后，我们点击进去会发现里面全是英文界面

这对小白的体验不太好，这时我们点击这个图标

在搜索框中搜索Chinese

安装第一个就好，别忘记右下角的蓝色框框（Change Language and Restart)点击即可实现中文

三、简单的快捷键

代码格式化: shiftAlt+F（可理解为整理）

将代码向上或向下移动一行: Alt+Up 或 At+Down

快速复制一行代码: shift+Alt+Up 或 shift+Alt+Down

快速保存: ctrl + s

快速查找: ctrl+ F

快速替换: ctrl + H

可以自己在vscode书写几行代码然后试下这些快捷键，它们会让你体验到飞翔的感觉。