vue3.x|创建第一个 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
如果你已成功更新 CLI,那么可以选择 Vue 3。
vue3.x|创建第一个 Vue 3 项目
文章图片

【vue3.x|创建第一个 Vue 3 项目】一旦选择 Vue 3 选项,就开始构建 app。完成后,我们只需要进入项目,然后运行 Vue app 即可。命令是

    推荐阅读