创建第一个 Vue 3 项目

本教程将通过一个简单的文章搜索系统，一步步帮你构建一个自己的 Vue 3 项目。

以下是我们最后的成果。

如果你目前正在学习 Vue 3 项目开发，相信你一定兴奋起来了，现在让我们开始吧。

入门

将 Vue 3 添加到现有项目或自己创建 Vue 3 项目有若干不同的选项。

本教程将介绍我个人最喜欢的两个选项：

• Vue CLI

• Vite

Vue CLI

如果你以前搞过 Vue 开发，那么你一定用过 Vue CLI来设置项目。

Vue CLI 是 Vue 开发的命令行界面，是 Vue 生态系统的基线。所以，我们可以通过 Vue CLI 来创建 Vue app。

首先，你需要确定你拥有的是最新版本的 Vue CLI，这可以通过在终端运行npm update -g @vue/cli来完成。

接下来为了创建项目，运行vue create <PROJECT-NAME>。

如果你已成功更新 CLI，那么可以选择 Vue 3。

一旦选择 Vue 3 选项，就开始构建 app。完成后，我们只需要进入项目，然后运行 Vue app 即可。命令