vue3+vite 搭建项目

第一步 

npm init vite@latest

当然，我在建项目的时候输入这个命令行的时候，报错了，提示安装依赖，执行如下命令：

npm install -g create-vite

全局安装 create-vite

cd xxx
npm install
npm run dev

之后就 按照步骤 选择 vue  ts 或者js 语言就可以了

搭建好项目之后，我们就开始 新建 路由文件 以及 views 文件夹了

安装依赖 

npm install vue-router@4

router /  index.ts

import { createRouter, createWebHistory } from "vue-router";
const router = createRouter({
    history: createWebHistory(),
    routes: [
        {
            path: '/',
            name: 'home',
            component: () => import('../views/index.vue')
        },
    ]
})
// 导出
export default router

main.ts 导入

import router from '../src/router'

const app = createApp(App)
app.use(router)