第一步
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)