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)