Vogue 技术文档

1. 安装指南

在开始使用 Vogue 之前，请确保您的系统中已安装 Node.js 和 npm（Node.js 的包管理器）。安装 Vogue 的步骤如下：

1. 打开命令行工具。
2. 输入以下命令安装 Vogue：

npm install vogue -g

该命令将全局安装 Vogue，使得您可以在任何位置运行它。

2. 项目使用说明

Vogue 通过在您的文件系统与网络浏览器之间创建实时链接，当您保存浏览器中 HTML 页面使用的 CSS 文件时，Vogue 将使浏览器重新加载样式表。它只重新加载样式表，而不是整个页面，这使得它在非常动态或使用 AJAX 的页面中也能工作。

以下是使用 Vogue 的步骤：

1. 运行 Vogue 服务器：

vogue --port 8001 /path/to/website

其中 --port 参数指定 Vogue HTTP 服务器的端口，默认为 8001。/path/to/website 是您的网站文件的路径。

2. 运行您的 Web 服务器，确保它可以访问您要监视的 CSS 文件。

3. 打开浏览器，访问 http://localhost:8001/，按照指示将 Vogue 客户端 JavaScript 代码加载到您的网页中。

3. 项目 API 使用文档

Vogue 服务器主要通过 WebSocket 接收客户端连接。客户端 JavaScript 可以通过单个 script 标签加载到 HTML 页面中。

以下是在 HTML 页面中加载 Vogue 客户端的示例：

<script src="path/to/vogue-client.js"></script>

确保将 path/to/vogue-client.js 替换为您 Vogue 客户端 JavaScript 文件的实际路径。

4. 项目安装方式

Vogue 的安装方式已在“安装指南”一节中详细说明。简要概述如下：

1. 确保安装 Node.js 和 npm。
2. 使用以下命令全局安装 Vogue：

npm install vogue -g

安装完成后，您可以通过命令行在任何位置启动 Vogue 服务器。

---

请注意，本文档仅供参考，具体使用时请根据您的项目需求和环境进行相应的调整。