1.8 KiB
1.8 KiB
该项目已经基于 vue-pure-admin 精简版进行了国际化版本的修改,使用 pnpm 安装依赖即可快速启动项目。以下是安装和运行步骤:
安装
请确保你已安装以下工具:
- Node.js >=18.18.0 或 >=20.9.0 或 >=22.0.0
- pnpm >=9
1. 安装依赖
在项目根目录下运行以下命令以安装所有依赖:
pnpm install
该命令会根据 pnpm-lock.yaml 文件精确还原依赖环境,保证构建的一致性。
运行项目
2. 启动本地开发服务器
pnpm dev
这将启动本地开发服务器,默认访问地址为:http://localhost
构建生产环境包
如果你需要构建用于生产的静态资源包,可以使用以下命令:
pnpm build
如果需要构建 staging 测试环境版本:
pnpm build:staging
构建完成后,生成的文件会存放在 dist/ 目录中。
部署到 Docker
本项目支持通过 Docker 快速部署到 Nginx 服务器。
3. 构建 Docker 镜像
docker build -t frontend-template-i18n .
4. 运行容器
docker run -d -p 80:80 frontend-template-i18n
技术说明
- 构建工具: Vite + pnpm
- 打包体积: 默认小于 2.3MB,启用 Brotli 压缩后可缩小至 350KB 以下
- UI库: Element Plus v2.9.0
- 状态管理: Pinia v2.3.0
- 国际化: vue-i18n v10.0.5
- 样式方案: TailwindCSS + SCSS
- HTTP请求: Axios + Localforage 缓存
- 代码规范: ESLint + Prettier + Stylelint
注意事项
如需查看详细文档,请参考 README.md 文件。