使用vite创建vue3项目

1. 安装vite

npm i -g create-vite-app

*没有按照npm的先安装node，node自带npm工具
node的下载地址：https://nodejs.org/en/download/

2. 使用create-vite-app命令创建项目

create-vite-app 项目名

3. 然后进入到项目中，安装依赖

cd 项目名
npm install

4. 接着就可以运行项目了

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中