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

• VS Code + Volar

使用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文件处理