📜  自动保存代码运行程序 vscode (1)

📅  最后修改于: 2023-12-03 15:41:23.636000             🧑  作者: Mango

自动保存代码运行程序——VS Code

介绍

VS Code 是一款常用的代码编辑器,不仅具有智能提示、自动补全等基本功能,还有许多插件可供增强功能。其中一个非常实用的插件就是 Live Server。使用这个插件可以实现在保存代码后自动刷新浏览器,还可以将代码运行在本地服务器上,方便我们进行开发和调试。

安装

在 VS Code 中打开 Extensions,搜索 Live Server,点击安装即可。

VS Code 安装 Live Server

使用
  1. 在 VS Code 中打开 HTML 文件。

  2. 点击右下角的 Go Live 按钮,启动本地服务器。

    启动 Live Server

  3. Live Server 会自动在默认浏览器中打开当前 HTML 文件。

    使用 Live Server

  4. 修改 HTML、CSS 或 JavaScript 文件时,Live Server 会自动刷新页面,以便查看修改后的效果。

    自动刷新页面

小结

通过 Live Server 插件,我们可以轻松地在 VS Code 中运行和调试我们的网页。快来安装并实践吧!