vite创建项目,不使用npm

npm create vue@latest

依赖安装

npm i

main.ts

1.main.ts中引入createApp,vue中的创建vue组件的工具。
2.引入App.vue,这个组件
3.创建app组件并挂载到id=app的div

//引入createApp用于创建应用
import { createApp } from "vue";
//引入App.vue根组件
import App from "./App.vue";
createApp(App).mount("#app");

App.vue

1.分为模板,脚本,样式区

2.学vue主要是学脚本区,其他两个区是css3,h5的技术栈

<template>
	
</template>
<script lang="ts">
    export default {
        name: 'App'
    }
</script>
<style scoped>

</style>