vue-vite-template

使用vue3.0+vite+js+tailwind 搭建配置的一个空项目模板,欢迎使用
761 2
vue vite element-plus tailwind template create-vite-app
Install
npm install vue-vite-template
Latest Version:0.6.1
Vue:3
License:MIT
Last Updated:Apr 21, 2023
Links: GitHub  ·  npm
Maintainer: zh_dingping

Vue 3 + Vite

使用方式

npx vue-vite-template vue-vite-app --ignore-existing其中 vue-vite-app是你项目本身名字

性能

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

使用vue3.0+vite+js+tailwind 搭建配置的一个空项目模板,欢迎使用

集成

stylelint
tailwind
.eslintrc配置
element-plus
处理了icons使用问题
处理element-plus使用消息提示时不用引入,在eslintrc中已做配置,后续使用只需要直接使用即可;
样式缺失自行引入import 'element-plus/es/components/notification/style/css';
添加了element 主题更新
添加nprogress实现路由进度条
添加sentry前端错误监听模块
添加axios简易集成

扩展

@vitejs/plugin-legacy: 作用是为打包后的文件提供传统浏览器兼容性支持
请在本地安装全局 terser
vite-plugin-compression: gzip 压缩

注意

如果不适用sentry,请将sentry相关移除在进行打包,否则会导致找不到sourcemaps,注意.sentryclirc文件处理

Related Packages

vite-plugin-vue-meta-layouts

vite 的 vue-router 的元信息布局系统

314,627 65
template vite plugin
xhyk-vue

根据element二次封装了项目菜单框架

3,336
element-plus vite vue3 xhyk-vue
howuse

a simple Vue Composition utils

1,041 16
element-plus vite ant-design-vue vue3
create-jnrs-vue

巨能（JNRS）前端工程化开发，Vue 项目模板脚手架

11,594
template vite vue monorepo typescript
@mineadmin/echarts

基于 echarts 封装的hook，快速便捷使用 echarts

7,558
element-plus vite tsx typescript vue3

Version History

Version Released Vue License
0.6.1 ^3.2.47 MIT
0.6.0 ^3.2.47 MIT
0.5.0 ^3.2.47 MIT
0.4.0 ^3.2.37 MIT
0.3.0 ^3.2.37 MIT