其他
基于 Vue 3+Vite+Pinia+Naive UI 的轻量级后台管理模板
大家好，我是TJ
关注TJ君，回复“武功秘籍”免费获取计算机宝典书籍
TJ君将之前发过的各种项目及工具进行了整理，收录到了GitHub项目，欢迎各位小伙伴光临Star，地址如下：https://github.com/Wechat-TJ/TJ-WORLD-FORU
今天依然是忙碌做核酸的一天，今天TJ君要和大家分享的是一个基于Vue 3+Vite+Pinia+Naive UI的轻量级后台管理模板。
VUE NAIVE ADMIN，以下简称VNA，是一个基于Vue3.0、Vite、Naive UI的后台管理模板，虽然总体来说，VNA是一个比较简洁的小型项目，但是虽然小，该有的功能也都有，并且相对那些大型项目来说，VNA的学习成本更低，非常适合新人上手。
目前VNA已经实现的功能包括：
集成 Naive UI组件库 集成登陆、注销及权限验证 集成多环境配置，dev、测试、预发布和生产 集成 Eslint + Prettier，代码约束和格式化统一 集成 Mock 接口服务，dev 环境和发布环境都支持，可动态配置是否启用 mock 服务，不启用时不会加载 mock 包，减少打包体积 集成 unocss，antfu 大神开源的原子化 css 解决方案，非常轻量，目前是scss 样式搭配着 unocss 使用的 集成 Pinia，Vuex 的替代方案，轻量、简单、易用 集成 Vite 自动导入插件unplugin-vue-components，解放双手，开发效率直接起飞 二次封装 Axios，支持多 axios 实例，支持线上环境免重新打包修改 baseURL 二次封装全局 Dialog、Message、LoadingBar 组件 二次封装 localStorage 和 sessionStorage，支持设置过期时间
项目构建步骤
# 推荐配置git autocrlf 为 false（本项目规范使用lf换行符，此配置是为防止git自动将源文件转换为crlf）
git config --global core.autocrlf false
# 克隆项目
# 进入项目目录
cd vue-naive-admin
# 安装依赖(建议使用pnpm)
pnpm i # 或者 npm i
# 启动
npm run dev
发布
# 构建测试环境
npm run build:test
# 构建预发布环境
npm run build:staging
# 构建生产环境
npm run build
其他常用指令
# eslint代码格式检查
npm run lint
# 代码检查并修复
npm run lint:fix
# 预览发布包效果（需先执行构建指令）
npm run preview
喜欢独立小项目的小伙伴可以一试哦，地址如下：
点击下方卡片，关注公众号“TJ君”
回复“VNA2022”，获取仓库地址
关注我，每天了解一个牛x、好用、有趣的东东