01、Vue3+TypeScript基础，创建第一个页面

1、main.js代码如下：

// 引入createApp用于创建Vue实例
import {createApp} from 'vue'
// 引入App.vue根组件
import App from './App.vue'

const app = createApp(App);
// App.vue的根元素id为app
app.mount('#app')

2、App.vue代码如下：

<template>
  <div class="app">
    <h1>好好学习，天天向上</h1>
  </div>
</template>

<script lang="ts">
// JS或TS
</script>

<!--样式 scoped表示仅本单元有效-->
<style scoped>
.app {
  background-color: #ddd;
  box-shadow: 0 0 10px;
  border-radius: 10px;
  padding: 20px;
}
</style>

3、在目录用Powershell运行npm run dev之后，打开浏览器，查看效果如下：