初识 Vue 3，使用Hbuilder X 开发工具初建项目
在HBuilder X中创建一个Vue 3项目的步骤如下：
- 打开HBuilder X。
- 点击顶部菜单栏中的
文件->新建->项目。 - 在弹出的对话框中，选择
Vue.js。 - 选择
Vue 3作为模板。 - 填写项目名称和项目位置，然后点击
创建。
HBuilder X会自动安装需要的依赖并创建项目的基础结构。
以下是一个简单的Vue 3组件示例，展示了如何在HBuilder X中创建和运行Vue 3项目：
<template>
<div>
<h1>Hello Vue 3!</h1>
</div>
</template>
<script>
export default {
name: 'HelloVue3'
}
</script>
<style>
h1 {
color: #42b983;
}
</style>在项目目录中，你可以运行以下命令来启动开发服务器：
npm run serve一旦服务器启动，你可以在浏览器中访问 http://localhost:8080 来查看你的Vue 3应用。
评论已关闭