欢迎使用 Live Server,这是一个强大的工具,可以帮助你在本地开发环境中实时预览 HTML、CSS 和 JavaScript 文件。以下是如何开始使用 Live Server 的步骤:

安装 Live Server

首先,确保你的开发环境中安装了 Node.js 和 npm。然后,打开命令行工具,运行以下命令来全局安装 Live Server:

npm install -g live-server

创建项目结构

在你的项目目录中,创建以下文件结构:

your-project/
├── index.html
├── styles/
│   └── style.css
└── scripts/
    └── script.js

这里,index.html 是你的主 HTML 文件,styles/style.css 是你的 CSS 文件,而 scripts/script.js 是你的 JavaScript 文件。

启动 Live Server

在你的项目目录中,打开命令行工具,运行以下命令来启动 Live Server:

live-server

Live Server 将自动打开默认的浏览器窗口,并加载 index.html 文件。你现在可以看到你的 HTML、CSS 和 JavaScript 文件更改后的实时效果。

文档

想了解更多关于 Live Server 的信息?请访问我们的官方文档

Live Server 示例