开发环境（VSCode）
VSCode 是一个免费好用，并且被大多数人选择的代码编辑器。
下载和安装 VSCode
安装中文语言包
默认是英文，需要安装中文语言包：
- 点击拓展
- 搜索并安装
Chinese - 重启 VSCode
安装实时预览 - Live Preview
Live Preview 用于实时预览 HTML 代码生成的页面。
第一个页面
创建项目
- 1.打开文件夹
- 2.选择项目目录
- 3.创建网页
打开文件夹
创建一个新目录，并打开
创建 demo 目录 01-第一个网页/ ; 创建网页 index.html
编辑网页
- 1.触发智能补全
- 2.补全网页基础结构
- 3.启动预览
- 4.编辑网页
HTML文件中输入英文感叹号!，触发 VSCode 智能补全。
按 Tab 键补全网页的基本结构。
在编辑界面中鼠标右击，选择显示预览，预览 HTML 在浏览器中的渲染效果。
<title>...</title>中修改浏览器标签栏上的标题。<body>...</body>中添加网页想要展示的内容（标题、段落等元素）。
练习
使用 VSCode 创建、编辑、预览网页。
在线练习（提示：在线练习仅显示 <doby>...</body> 元素中的内容。）
Loading Editor...
友情链接：