VSCode设置HTML开发环境(新手友好，网页开发指南)

核心观点：VSCode是一款强大的HTML开发工具，安装扩展即可。

下载VSCode官网包。
安装时检查 PATH 和 OpenwithCode。

安装此扩展： 1 .LiveServer：Ctrl+Shift+X搜索，实时预览棒极了 2 .更美观：Ctrl+Shift+X搜索，代码自动整齐 3 . AutoRenameTag：Ctrl+Shift+X搜索，自动标签匹配 4 . HTMLCSSS支持：Ctrl+Shift+X搜索，CSS提示省力
设置更改： 1 .保存并自动选择onFocusChange 2 . 设置选项卡 2 3 .自动换行
为什么使用VSCode？快速地！ LiveServer 实时查看影响，Prettier 可以防止手部损伤。

高级超级能力：
支持CSS/JS前端开发
也可以使用Python/Java后端
内置终端无需开窗
Git 实时更改
初学者的 Pips： 1 .LiveServer无法启动：
尝试更改端口
验证它是文件夹而不是文件
不要阻止防火墙
2 格式化不起作用：
在设置中查找 FormatOnSave
检查 Prettier 是否安装正确
3 .损坏的文件：
为每个项目构建独立的包
index.放在上面
详细吗？了解热键、安装 Emmet 并阅读更多论坛。

这是第一个。

vscode运行html文件后网页一片空白怎么办

我记得上次帮朋友修电脑时，他的网站打不开。
折腾了半天发现是CSS文件路径错误。
具体来说，2 01 9 年冬天，他正在一家咖啡馆做一个项目，突然页面一片空白。
我让他检查一下路径，果然少了一条斜杠。
等等，还有一件事。
他的服务器是Windows，所以文件名区分大小写。
他们将其编写为 StylE.css，并且在 Linux 服务器上找不到它。
这提醒我，有时候问题确实需要深入细节。