开始使用
环境准备
Micro-Admin是基于最新Vite版本开发,所以需要Node.js 20.x 版本来支持。 包管理器推荐使用 pnpm 8.x 版本
开发环境推荐
为了获得最佳的开发体验,我们推荐使用以下工具:
- 代码编辑器:VS Code - 最流行的代码编辑器之一,支持多种插件和扩展
- 代码编辑器:Cursor - AI 驱动的智能编辑器,提供强大的代码提示和生成功能
- Codeium - 免费的AI代码补全工具,支持多种语言和IDE插件
- Tabnine - 企业级AI代码助手,提供本地化模型部署选项
- Sourcegraph Cody - 基于代码库理解的智能编程助手
- GitHub Copilot - GitHub官方AI编程伙伴,深度集成VS Code等编辑器
- Amazon CodeWhisperer - AWS提供的AI编程助手,支持多种编程语言
- Replit Ghostwriter - 在线IDE Replit内置的AI编程功能
- Phind - 面向开发者的AI搜索引擎和代码生成工具
- Code Llama - Meta开源的代码生成AI模型
- DeepSeek Coder - 深度求索推出的智能编程助手
- Bito AI - 基于GPT的代码生成和解释工具
- CodeGeeX - 清华大学团队开发的AI编程助手
- 运行调试工具:HBuilderX - 专为 uni-app 优化的集成开发环境
- 数据库工具:DBeaver - 免费开源的通用数据库管理工具,支持多种数据库类型
- API测试工具:Postman - 功能强大的API开发与测试平台
- 版本控制工具:GitHub Desktop - 简单易用的Git图形化客户端
- 终端工具:Windows Terminal - 现代化的命令行终端,支持多标签和自定义配置
- 容器工具:Docker Desktop - 本地容器化开发和部署解决方案
获取代码
下载产物
推荐直接下载Releases压缩包
仓库拉取
shell
git clone https://github.com/chansee97/micro-admin.gitshell
git clone https://gitee.com/chansee97/micro-admin.gitTIP
使用仓库拉取代码后,需要自行删除.git等目录,防止提交不必要的代码和记录
本地启动
安装依赖
bash
pnpm i启动本地开发
bash
pnpm dev构建产物
bash
pnpm build脚本命令解释
json
"scripts": {
// 启动本地开发模式,mode标识为dev,端口号9980
"dev": "vite --mode dev --port 9980",
// 启动本地开发模式,mode标识为test(端口vite默认5173)
"dev:test": "vite --mode test",
// 启动本地开发模式,mode标识为prod(端口vite默认5173)
"dev:prod": "vite --mode prod",
// 进行类型检查 并使用vite构建,mode标识为prod
"build": "vue-tsc --noEmit && vite build --mode prod",
// 进行类型检查 并使用vite构建,mode标识为dev
"build:dev": "vue-tsc --noEmit && vite build --mode dev",
// 进行类型检查 并使用vite构建,mode标识为test
"build:test": "vue-tsc --noEmit && vite build --mode test",
// 预览打包后的产物,端口号9981
"preview": "vite preview --port 9981",
// 使用eslint检查代码
"lint": "eslint .",
// 使用eslint检查并自动修复代码
"lint:fix": "eslint . --fix",
// 可视化查看eslint规则配置
"lint:check": "npx @eslint/config-inspector",
// 使用vite-bundle-visualizer插件分析打包产物
"sizecheck": "npx vite-bundle-visualizer"
}- 关于
@eslint/config-inspector,可查看这篇Blog