💻 安装基本的软件

工欲善其事必先利其器，在此页，我们将做一些网页开发前最低限度的准备工作，一个代码编辑器和一些网页浏览器

请选择你的代码编辑器

你当然可以用记事本写下你的所有代码，但是我们通常不这么做，因为一个好的代码编辑器提供了许多便利和强大的功能，这些功能可以显著提高开发效率和代码质量。

比起使用记事本进行 Web 开发，你可能可以做得更好。我们建议从 Visual Studio Code 开始，

VSCode（Visual Studio Code）

为什么是VSCode？

• 现代化的用户界面
• 轻量级且功能强大
• 丰富的扩展生态系统
• 内置终端
• 跨平台支持
• 免费及开源

访问VSCode官网以了解更多

你可能已经安装了 DevC++、CodeBlocks、Visual Studio 等集成开发环境（IDE）用于学习 C 语言。然而，在这里仍然推荐使用 VSCode，通过配置开发环境以进行 C 语言的编程。

以后，你可能还会学习Python、Java等其他编程语言。
虽然你可以为不同的语言安装各自的IDE，但为什么不统一起来呢？

你可以搭配不同的扩展，做到只用VSCode就可以编写不同语言的程序。不需要在不同的IDE之间换来换去，也不需要额外花时间熟悉各个IDE的界面及操作。

Cursor（VSCode + AI）

你可以简单的把Cursor理解为内置AI的VSCode（虽然可能事实上确实如此）

访问Cursor官网以了解更多

请选择你的网页浏览器

现在，我们将安装几个用于测试代码的桌面网络浏览器。

• Chromium：Chrome、Opera、Brave、Microsoft Edge
• Gecko：Firefox
• WebKit：Safari（仅支持 macOS 和 iOS）

在 Web 开发中，建议使用两个内核不同的浏览器进行测试，主要是为了确保网站或应用程序在不同的浏览器环境中都能正常运行。

文档参考：MDN 安装基本软件
视频教程：bilibili VSCode安装及配置bilibili VSCode前端扩展推荐