一.安装 参考:https://vitejs.cn/guide/#scaffolding-your-first-vite-project
npm init @vitejs/app <项目名称>
二.选择框架vue ==>js or ts
三.进入项目,启动项目
npm run dev
四.安装依赖
npm install 或者 cnpm install
五.创建路由文件
-
下载安装
npm install vue-router@4 -S
-
src文件夹下新建router文件夹,文件夹下新建index.js
import { createRouter,createWebHistory } from "vue-router";
const routes = [
{
path: '/',
name: 'index',
component: () => import('@/views/Index.vue')
},
{
path: '/home',
name: 'home',
component: () => import('@/views/Home.vue')
},
]
const router = createRouter({
history: createWebHistory(),
routes
})
export default router;