本教程将通过一个简单的文章搜索系统,一步步帮你构建一个自己的 Vue 3 项目。
以下是我们最后的成果。
如果你目前正在学习 Vue 3 项目开发,相信你一定兴奋起来了,现在让我们开始吧。
入门 将 Vue 3 添加到现有项目或自己创建 Vue 3 项目有若干不同的选项。
本教程将介绍我个人最喜欢的两个选项:
- Vue CLI
- Vite
如果你以前搞过 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 项目】一旦选择 Vue 3 选项,就开始构建 app。完成后,我们只需要进入项目,然后运行 Vue app 即可。命令是
推荐阅读
- Ant|ant design 按钮组件
- .onscroll函数在单个帖子页面上不起作用
- #星光计划2.0# OpenHarmony 源码解析之JavaScriptAPI NAPI-C接口
- 需要帮助将按钮链接到WordPress主题定制器中的功能
- #yyds干货盘点#dart系列之:HTML的专属领域,除了javascript之外,dart也可以
- 常用的前端JavaScript方法封装
- 在jquery.js已加载到WordPress网站后加载javascript代码
- functions.php内部的jQuery脚本不起作用
- 在wordpress网站内使用hubspot表单时,jQuery丢失