构建您的项目
当 Vue 项目完成时，它应该从“开发模式”进入“构建”模式。
构建命令将我们的 Vue 项目编译成 .html、.js 和 .css 文件，这些文件经过优化，可以直接在浏览器中运行。
我们构建 Vue 项目是为了在服务器上创建文件供其他人访问。
要“构建”网页
在本教程中，到目前为止，我们的项目一直在开发模式下运行，这意味着 Vite 构建工具正在运行开发服务器。当您在开发过程中进行更改并保存更改时，Vite 会立即更新页面。这需要计算机大量资源。
构建步骤是在开发阶段之后进行的，此时页面已准备好发布。然后，我们必须将我们的项目构建成浏览器能够理解的文件，而无需在开发模式下运行 Vite。构建步骤旨在最大限度地减少服务器资源使用并提高性能。
要构建您的 Vue 应用程序，请停止正在运行的开发服务器，方法是按“Q”或“ctrl”+“C”，然后输入
npm run build
当您的项目构建完成时，Vite 会创建一个名为 dist 的文件夹，其中包含运行项目所需的全部文件，这些文件是浏览器可以理解的 *.html、*.css 和 *.js 文件，而不是我们开发期间使用的 *.vue 文件。
要查看浏览器中的构建项目，请使用命令
npm run preview
此命令应打开一个浏览器窗口，显示来自 dist 文件夹的构建项目。
