已采纳 vite-plugin-pages 是Vite 插件,仅限vite使用。 unplugin-vue-router 是Vue Router 插件,不仅限于 Vite 使用。 0 前端高级工程师(大前端) 全新打造“技术成长与职业破局”双高体系,深度打通“全栈 + 全流程 +多端+ 提效+AI赋能” 307 学习 · 395 问题 查看课程 相似问题unplugi
1、vite-plugin-pages基于vue-router,所以使用的时候还是要安装vue-router 2、vite-plugin-pages默认指定的页面文件夹是 pages,默认指定的页面是 index.vue,所以最好先在pages文件夹下面创建一个 index.vue文件 用法 1、安装(我这里用的是 pnpm) pnpm install vite-plugin-pages pnpm install vue-router 2、vite....
VueRouter({// 自动生成路由的文件夹routesFolder:'src/pages',// 生成路由的扩展名extensions: ['.vue'],// 要从路线生成中排除的文件列表// 例如['**/__*']将排除以'__'开头的所有文件和文件夹//例如['**/__*/**/*']将排除以'__'开头的文件夹中的所有文件//例如['**/*。component.vue']...
name: 'Login', component: () => import('@/pages/login/Login.vue'), // 注意这里要带上 文件后缀.vue },]const router = createRouter({ history: createWebHistory(), routes,})export default router 修改入口文件 mian.ts :import...
import ViteRestart from 'vite-plugin-restart' export default { plugins: [ ViteRestart({ restart: [ 'vite.config.js', ] }) ], }; unplugin-vue-components 组件自动按需导入 安装: npm i unplugin-vue-components -D 配置:vite.config.js ...
npm install vue-router@4 2. vite.config.js(配置别名) import{defineConfig}from'vite' importvuefrom'@vitejs/plugin-vue' constpath=require('path') // element -plus 配置 按需导入-> 自动导入 importAutoImportfrom'unplugin-auto-import/vite' ...
一、unplugin-vue-components 插件 unplugin-vue-components 插件可以在Vue文件中自动引入组件(包括项目自身的组件和各种组件库中的组件)作者是Vite生态圈大名鼎鼎的Anthony Fu。使用此插件后,不需要手动编写 import { Button }
支持router,store模块化,内置生成路由钩子 支持env,环境变量和区分打包环境 支持unplugin-vue-components组件自动引入 支持vw/vh移动端布局兼容,也可以使用plop自己配置生成文件 支持vite-plugin-mdmarkdown渲染 支持vite-plugin-pages根据文件自动生成路由的插件 ...
Vue 3 正式版已经发布有一段时间了,随着 Vite 脚手架注定成为下一代前端工具链,许多用户都想基于 Vite 来构建 Vue 项目,如果想基于 Vite 构建 Vue 3 项目,社区模板完全满足您的需求,如果想构建 Vite 3 + Vue 3 + Java 项目,那社区模板不太能满足您的需求,因为社区模板提供 Vue 3 项目几乎是基于 Vite 2...
npm i vite-plugin-vue2 @vitejs/plugin-legacy unplugin-vue-components vite-plugin-pages @vue/compiler-sfc vue-template-compiler@2.6.14 vite-plugin-html sass -D 3、配置vite （1）、在项目的根目录下新建vite.config.js 文件，代码如下：import { defineConfig } from 'vite' import path from '...