“工欲善其事必先利其器”，学习 HTML（网页开发）之前，选对合适的工具能让你事半功倍，避免走弯路。下面我会推荐适合新手、免费又好用的核心工具 VS Code，进推荐一款，不让你做选择题。
VS Code 简介
Visual Studio Code（简称 VS Code）是由微软开发的一款跨平台源代码编辑器，支持在 Windows、macOS 和 Linux 上运行。它于 2015 年 4 月 30 日在 Build 开发者大会上正式发布。
VS Code 集成了现代编辑器应具备的所有特性，包括 语法高亮、可定制的热键绑定、括号匹配 和 代码片段收集。此外，它还内置了对 Git 的支持，用户可以方便地进行版本控制。
官网地址：https://code.visualstudio.com
VS CODE 下载&安装
打开官网，点击“Download for Windows”按钮下载：
下载完成后，双击运行安装（根据安装提示下一步、下一步就可以）。
公共广告位-前端
VS CODE 插件
安装完成后，打开 VS CODE，点击右侧的
图标，搜索“live preview”和“live server”插件，如下图：
插件安装完成后，你可以直接在浏览器中预览HTML文件，如下图：
或者在 HTML 文件内部，点击鼠标右键，在弹出的菜单中选择“Open with Live Server”，如下图：
将开启一个端口，在浏览器中通过URL地址的形式访问该HTML页面，如下图：
通过地址栏可知，访问端口为 5500。
你也可以点击 VS CODE 右下侧的“Port：5500”关闭该服务，如下图：
好了，到这里开发工具就准备好了，继续阅读后续教程学习更多知识……
川公网安备51010802032098