Vite创建Vue3项目

参考链接：https://zhuanlan.zhihu.com/p/654327710

官网链接：https://cn.vitejs.dev/guide/

搭建项目：https://juejin.cn/post/7145009974165864484?searchId=202312211628341364D8B03883C1E6AD01

1、到node.js官网，下载最新版本安装，node -v 查看版本，需要版本 18+，20+。

2、创建项目

cnpm create vite@latest cd-todo --template vue
cnpm create vite@latest cd-todo --template vue-ts

或 

npm init vite

npm create vue@latest

3、安装依赖

1）cd cd-todo

2）cnpm i 

3）npm run dev

4、安装 vue-router

cnpm i vue-router@4

创建路由 /router/index.js

import { createRouter, createWebHashHistory } from 'vue-router'

const routes = [
　　{
　　　　path: "/",
　　　　name: "index",
　　　　component: () => import("@/page/home/index.vue")
　　}
]
const router = createRouter({
　　history: createWebHashHistory(),
　　routes
})
export default router;

main.js 引入
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import { router } from './router/index.js'
const app = createApp(App)
app.use(router)
app.mount('#app')