- 安装
vite
npm i -g create-vite-app
*没有按照npm的先安装node，node自带npm工具
node的下载地址：https://nodejs.org/en/download/
- 使用
create-vite-app命令创建项目
create-vite-app 项目名
- 然后进入到项目中，安装依赖
cd 项目名
npm install
- 接着就可以运行项目了
npm run dev
如图，运行成功会出现vite的版本号，以及对应项目运行地址
运行结果
以上就是使用vite工具创建项目的过程！使用vite，可以很方便的创建项目，
其中，入口文件：index.html
index.html中导入了src目录下的main.js"模块
在main.js中，
首先从vue中import了createApp方法，import了App组件，以及import了index.css样式文件，
然后通过createApp方法创建真实DOM并通过mount方法挂载到#app元素上，这点跟v2的语法有点不一样
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
createApp(App).mount('#app')
App.vue文件中可以看到，
组件的写法跟v2中差不多，template是结构模板，script是书写相关逻辑，了解vue3的应该知道，里面还是有些不一样的，比如composition API可以更好的代替option API
反正之后我们可以编写自己的组件，然后导入到components中
