2024从零开始使用VSCode编程（静态页面常识）HTML+CSS+JS阶段

本文只为记录并帮助有需要的小伙伴学习使用VScode

最早开始本人的前端代码是使用HBuilder编写的，但最近想正式转战VSCode，所以才有这系列文章
注意本教程发布于2024年7月，软件为win1.91，后续版本使用时也可参考

一、前端常识科普

1、静态页面与动态页面

静态页面通常由前端三件套组成：HTML+CSS+JS,页面内容固定，技术简单，不涉及后端交互

动态页面是根据用户请求的数据动态生成的，例如淘宝搜索鞋子后的页面，涉及与后端交互

2、前端三件套

HTML（超文本标记语言）（HyperText Markup Language）：是用于创建网页和Web应用的标准标记语言。

CSS（层叠样式表）（Cascading Style Sheets）：是一种用于描述HTML文档外观和格式的样式表语言。

JavaScript：是一种高效的、解释型的编程语言，主要用于网页开发

3、浏览器开发者工具

浏览器开发者工具在前端开发中是一个非常强大的工具集

开发者工具：常用于调试与修改HTML与CSS、查看网络请求和性能分析、调试和模拟移动设备、检测和修复可访问性问题、应用和存储管理等

常用的浏览器以下两个，最受欢迎的是谷歌浏览器，开发者工具通过键盘F12快捷打开

MicrosoftEdge（Edge浏览器）

GoogleChrome（谷歌浏览器）