如何在本地计算机上搭建 Vue单页面应用程序

在本节中，我们将介绍如何在本地计算机上搭建 Vue单页面应用程序。创建的项目将使用基于Vite的构建设置，并允许我们使用 Vue单文件组件（SFC）。

确保您安装了最新版本的Node.js，并且当前工作目录是您打算创建项目的目录。在命令行中运行以下命令（不带符号$）：

npm create vue@latest

此命令将安装并执行create-vue，官方 Vue 项目脚手架工具。您将看到几个可选功能的提示，例如 TypeScript 和测试支持：

如果您不确定某个选项，只需No暂时按 Enter 键进行选择即可。创建项目后，按照说明安装依赖项并启动开发服务器：

cd <your-project-name>
npm install
npm run dev

您现在应该已经运行了您的第一个 Vue 项目！请注意，生成的项目中的示例组件是使用Composition API和编写的<script setup>，而不是使用Options API编写的。以下是一些额外的提示：

• 推荐的 IDE 设置是Visual Studio Code + Vue - 官方扩展。如果您使用其他编辑器，请查看IDE 支持部分。
• 更多工具细节，包括与后端框架的集成，将在工具指南中讨论。
• 要了解有关底层构建工具 Vite 的更多信息，请查看Vite 文档。
• 如果您选择使用 TypeScript，请查看TypeScript 使用指南。

当您准备好将应用程序投入生产时，请运行以下命令：

npm run build

这将在项目./dist目录中创建应用程序的生产就绪版本。查看生产部署指南，了解有关将应用程序交付到生产环境的更多信息。