Windows下CSS网格开发环境

我希望升级我的网站开发环境。目前正在使用Adobe Dreamweaver（出于习惯），但需要

• 在编辑器中编写HTML/CSS/PHP/MySQL代码，包括语法突出显示、代码/标记完成、代码提示
• 具有反映代码窗口结果的浏览器窗口（保存时）。因此，编写HTML/CSS代码，保存它，然后更新浏览器窗口
• 支持主要浏览器（选择要在显示窗口中使用的浏览器）
• 允许调整浏览器窗口宽度以查看我的代码的响应
• 支持最新的CSS，包括CSS网格和Flexbox
• windows10环境；对添加Linux（WSL）不感兴趣
• 将考虑一个XAMP／WAMP环境来测试PHP/MyQLII代码在本地
• 优先选择免费或低成本的项目（我的预算有限，但会将美元花在需要的项目上）

一个重要的部分是在Windows10环境中运行的东西，以及在编辑器中并排显示代码和浏览器窗口

---

我意识到这可能是一个“意见”问题（可能会得到一些反对票），但需要了解一些方向。谷歌还没有起到帮助作用。

如果我理解正确，您需要一个文本编辑器，可以帮助您缩进代码并突出显示错误

试着看一看。Vs代码编辑器

---

您可以找到许多扩展来帮助您编写代码和查找错误。但除此之外，我希望在浏览器窗口中轻松查看我编写的任何代码的结果，而无需保存/重新加载过程。我刚刚发现了Pineview，这更是我所寻找的；一个IDE，可以为网站构建干净、易于维护的代码。