Vue 编译项目

当 Vue 项目完成时，它应该从 "development mode"（开发模式）转变为 "build"（编译）模式。

build 命令将 Vue 项目编译为 .html、.js 和 .css 文件，这些文件经过优化，可以直接在浏览器中运行。

我们构建 Vue 项目是为了在服务器上创建文件供其他人访问。

编译构建 web 页面

到目前为止，在本教程中，我们已经让项目以开发模式运行，这意味着 Vite 编译工具正在运行开发服务器。当您在开发过程中进行更改并保存时，Vite 会立即更新页面。这需要计算机提供大量资源。

编译构建步骤发生在开发阶段之后，此时页面已准备好公开。然后，我们必须将我们的项目构建到浏览器能够理解的文件中，而无需在开发模式下运行 Vite。执行构建步骤是为了最大限度地减少服务器资源使用并提高性能。

要编译构建 Vue 应用程序，请按 'Q' 或 'ctrl'+'C' 停止正在运行的开发服务器，然后输入：

编译项目时，Vite 会创建一个文件夹 dist，其中包含在公共服务器上运行项目所需的所有文件，以及浏览器可以理解的文件 .html、.css 和 .js，而不是我们在开发过程中使用的 .vue 文件。

要在浏览器中查看已编译的项目，请使用以下命令：

这个命令应该打开一个浏览器窗口，显示 dist 文件夹中生成的项目。