vue3项目创建

// 使用 Vue CLI 创建 Vue 3 项目

// 1. 首先确保你已经安装了 Vue CLI。如果没有安装，可以通过以下命令全局安装：
// npm install -g @vue/cli

// 2. 创建一个新的 Vue 3 项目：
// vue create my-vue3-project

// 3. 进入项目目录：
// cd my-vue3-project

// 4. 启动开发服务器：
// npm run serve

// 下面是一个简单的 Vue 3 项目的 `src/main.js` 文件示例代码：

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

// 解释说明：
// - `createApp` 是 Vue 3 中用于创建应用程序实例的函数。
// - `App.vue` 是项目的根组件。
// - `mount('#app')` 将应用程序挂载到 HTML 文件中带有 id="app" 的元素上。

// 5. `src/App.vue` 文件示例代码：

<template>
  <div id="app">
    <h1>Hello Vue 3!</h1>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

// 解释说明：
// - `<template>` 定义了组件的 HTML 结构。
// - `<script>` 定义了组件的逻辑。
// - `<style>` 定义了组件的样式。