vue3-admin-gpt 1.0.0

package/.env.development

@@ -0,0 +1,14 @@
+# 开发环境配置
+NODE_ENV=development
+
+# 系统标题
+VUE_APP_TITLE=开发管理系统
+
+# 作者/部门信息
+VUE_APP_AUTHOR=开发部门
+
+# API基础路径
+VUE_APP_BASE_API=/api
+
+# 是否启用Mock
+VUE_APP_MOCK_ENABLE=true

package/.env.production

@@ -0,0 +1,14 @@
+# 生产环境配置
+NODE_ENV=production
+
+# 系统标题
+VUE_APP_TITLE=管理系统
+
+# 作者/部门信息
+VUE_APP_AUTHOR=公司名称
+
+# API基础路径（生产环境需配置实际地址）
+VUE_APP_BASE_API=/api
+
+# 是否启用Mock
+VUE_APP_MOCK_ENABLE=false

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 good luck
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.en.md

@@ -0,0 +1,106 @@
+[简体中文](./README.md) | English
+
+<div align="center">
+  <h1>Vue3 Admin GPT</h1>
+  <p>A Vue 3 admin template with Element Plus and Rspack</p>
+</div>
+
+## Features
+
+- Based on Vue 3 + Element Plus + Rspack
+- Support for multiple themes and layout modes
+- Responsive design for PC, tablet, and mobile
+- Complete routing and state management
+- Mock data support
+- Clean code, easy to extend
+
+## Quick Start
+
+### Using CLI Tool
+
+```bash
+# Using npm
+npm create vue3-admin-gpt my-project
+
+# Or using npx
+npx create-vue3-admin-gpt my-project
+
+# Or install globally
+npm install -g vue3-admin-gpt
+create-vue3-admin-gpt my-project
+```
+
+### Manual Installation
+
+```bash
+# Clone project
+git clone https://github.com/pxq555/vue3-admin-gpt.git my-project
+cd my-project
+
+# Install dependencies
+npm install
+
+# Start development server
+npm run serve:rspack
+
+# Build for production
+npm run build
+```
+
+## Project Structure
+
+```
+vue3-admin-gpt/
+├── src/
+│   ├── api/              # API interfaces
+│   ├── assets/           # Static assets
+│   ├── components/       # Common components
+│   ├── config/           # Configuration files
+│   ├── layouts/          # Layout components
+│   ├── plugins/          # Plugins
+│   ├── router/           # Router configuration
+│   ├── store/            # Vuex state management
+│   ├── styles/           # Style files
+│   ├── utils/            # Utility functions
+│   └── views/            # Page components
+├── public/               # Public assets
+├── mock/                 # Mock service
+├── .env.development      # Development environment config
+├── .env.production       # Production environment config
+├── rspack.config.js      # Rspack build config
+└── package.json          # Project configuration
+```
+
+## Configuration
+
+Main configuration files are located in `src/config/`:
+
+- `index.js` - Main configuration entry
+- `setting.config.js` - General settings (title, port, router mode, etc.)
+- `theme.config.js` - Theme configuration
+- `net.config.js` - Network request configuration
+
+## Development Commands
+
+```bash
+# Start development server
+npm run serve:rspack
+
+# Build for production
+npm run build
+
+# Build and create zip
+npm run build:zip
+```
+
+## Browser Support
+
+Modern browsers and IE 11+
+
+## License
+
+MIT
+
+## Contributing
+
+Issues and Pull Requests are welcome!

package/README.md

@@ -0,0 +1,104 @@
+<div align="center">
+  <h1>Vue3 Admin GPT</h1>
+  <p>一个基于 Vue 3 + Element Plus + Rspack 的后台管理系统脚手架</p>
+</div>
+
+## 特性
+
+- 基于 Vue 3 + Element Plus + Rspack 构建
+- 支持多主题切换、多布局模式
+- 响应式设计，支持 PC、平板、手机
+- 完善的路由和状态管理
+- Mock 数据支持
+- 代码简洁，易于扩展
+
+## 快速开始
+
+### 使用 CLI 工具创建项目
+
+```bash
+# 使用 npm
+npm create vue3-admin-gpt my-project
+
+# 或使用 npx
+npx create-vue3-admin-gpt my-project
+
+# 或全局安装 CLI
+npm install -g vue3-admin-gpt
+create-vue3-admin-gpt my-project
+```
+
+### 手动安装
+
+```bash
+# 克隆项目
+git clone https://github.com/pxq555/vue3-admin-gpt.git my-project
+cd my-project
+
+# 安装依赖
+npm install
+
+# 启动开发服务器
+npm run serve:rspack
+
+# 构建生产版本
+npm run build
+```
+
+## 项目结构
+
+```
+vue3-admin-gpt/
+├── src/
+│   ├── api/              # API 接口
+│   ├── assets/           # 静态资源
+│   ├── components/       # 通用组件
+│   ├── config/           # 配置文件
+│   ├── layouts/          # 布局组件
+│   ├── plugins/          # 插件
+│   ├── router/           # 路由配置
+│   ├── store/            # Vuex 状态管理
+│   ├── styles/           # 样式文件
+│   ├── utils/            # 工具函数
+│   └── views/            # 页面组件
+├── public/               # 公共资源
+├── mock/                 # Mock 服务
+├── .env.development      # 开发环境配置
+├── .env.production       # 生产环境配置
+├── rspack.config.js      # Rspack 构建配置
+└── package.json          # 项目配置
+```
+
+## 配置说明
+
+主要配置文件位于 `src/config/` 目录：
+
+- `index.js` - 主配置入口
+- `setting.config.js` - 通用配置（标题、端口号、路由模式等）
+- `theme.config.js` - 主题配置
+- `net.config.js` - 网络请求配置
+
+## 开发命令
+
+```bash
+# 启动开发服务器
+npm run serve:rspack
+
+# 构建生产版本
+npm run build
+
+# 构建并打包为 zip
+npm run build:zip
+```
+
+## 浏览器支持
+
+现代浏览器和 IE 11+
+
+## License
+
+MIT
+
+## 贡献
+
+欢迎提交 Issue 和 Pull Request！

package/build-zip.cjs

@@ -0,0 +1,53 @@
+const fs = require('fs');
+const path = require('path');
+const archiver = require('archiver');
+
+// 创建zip文件的函数
+async function createZip() {
+  // 检查dist目录是否存在
+  if (!fs.existsSync('dist')) {
+    console.error('错误：dist目录不存在');
+    process.exit(1);
+  }
+
+  // 检查dist.zip是否已存在，如果存在则删除
+  const zipPath = path.join('dist', 'dist.zip');
+  if (fs.existsSync(zipPath)) {
+    fs.unlinkSync(zipPath);
+  }
+
+  // 创建一个输出流
+  const output = fs.createWriteStream(zipPath);
+  
+  // 创建一个archiver实例
+  const archive = archiver('zip', {
+    zlib: { level: 9 } // 设置压缩级别
+  });
+
+  // 监听错误
+  output.on('error', (err) => {
+    throw err;
+  });
+
+  // 监听打包完成
+  output.on('close', () => {
+    console.log(`打包完成，生成了 ${archive.pointer()} 字节的 dist/dist.zip 文件`);
+  });
+
+  // 关联流
+  archive.pipe(output);
+
+  // 添加dist目录中的所有文件到压缩包（除了dist.zip本身）
+  archive.glob('**/*', {
+    cwd: 'dist',
+    ignore: ['dist.zip']
+  });
+
+  // 完成打包
+  await archive.finalize();
+}
+
+createZip().catch(error => {
+  console.error('打包过程中出现错误:', error.message);
+  process.exit(1);
+});

package/cli.js

@@ -0,0 +1,110 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+// 获取命令行参数
+const args = process.argv.slice(2);
+const projectName = args[0] || 'my-admin-app';
+
+// 颜色输出
+const colors = {
+  reset: '\x1b[0m',
+  bright: '\x1b[1m',
+  green: '\x1b[32m',
+  blue: '\x1b[34m',
+  yellow: '\x1b[33m',
+};
+
+const log = {
+  info: (msg) => console.log(`${colors.blue}${msg}${colors.reset}`),
+  success: (msg) => console.log(`${colors.green}${msg}${colors.reset}`),
+  warn: (msg) => console.log(`${colors.yellow}${msg}${colors.reset}`),
+};
+
+// 递归复制目录
+function copyDir(src, dest, exclude = []) {
+  if (!fs.existsSync(dest)) {
+    fs.mkdirSync(dest, { recursive: true });
+  }
+
+  const entries = fs.readdirSync(src, { withFileTypes: true });
+
+  for (const entry of entries) {
+    const srcPath = path.join(src, entry.name);
+    const destPath = path.join(dest, entry.name);
+
+    // 跳过排除的文件/目录
+    if (exclude.some(pattern => srcPath.includes(pattern))) {
+      continue;
+    }
+
+    if (entry.isDirectory()) {
+      copyDir(srcPath, destPath, exclude);
+    } else {
+      fs.copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
+// 主函数
+async function createProject() {
+  // 模板目录（cli.js 所在的目录）
+  const templateDir = __dirname;
+  // 目标目录（在当前工作目录下创建）
+  const targetDir = path.resolve(process.cwd(), projectName);
+
+  // 检查目标目录是否已存在
+  if (fs.existsSync(targetDir)) {
+    log.warn(`\n❌ 目录 ${projectName} 已存在\n`);
+    process.exit(1);
+  }
+
+  log.info(`\n🚀 创建 Vue3 Admin 项目: ${colors.bright}${projectName}${colors.reset}\n`);
+
+  // 排除不需要复制的文件和目录
+  const exclude = [
+    'node_modules',
+    '.git',
+    'dist',
+    '.DS_Store',
+    'cli.js',
+    'pnpm-lock.yaml',
+    'package-lock.json',
+    'yarn.lock',
+    '.claude',
+    // 排除常见的前端临时目录
+    'my-test-project',
+    'my-admin-app',
+    'test-project',
+  ];
+
+  // 复制模板文件
+  log.info('📦 复制项目文件...');
+  copyDir(templateDir, targetDir, exclude);
+  log.success('✓ 项目文件复制完成\n');
+
+  // 更新 package.json 中的项目名称
+  const pkgPath = path.join(targetDir, 'package.json');
+  if (fs.existsSync(pkgPath)) {
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
+    pkg.name = projectName;
+    // 移除 bin 字段（脚手架项目不需要）
+    delete pkg.bin;
+    fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n');
+    log.success('✓ package.json 已更新\n');
+  }
+
+  // 输出安装说明
+  log.success('🎉 项目创建成功！\n');
+  log.info('接下来执行以下命令:\n');
+  console.log(`  ${colors.bright}cd ${projectName}${colors.reset}`);
+  console.log(`  ${colors.bright}npm install${colors.reset}`);
+  console.log(`  ${colors.bright}npm run serve:rspack${colors.reset}\n`);
+  log.info('happy coding! 🎨\n');
+}
+
+createProject().catch(err => {
+  console.error(err);
+  process.exit(1);
+});

package/jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "vue3-admin-gpt",
+  "version": "1.0.0",
+  "description": "A Vue3 admin template with Element Plus and Rspack",
+  "author": "pxq555",
+  "license": "MIT",
+  "homepage": "https://github.com/pxq555/vue3-admin-gpt#readme",
+  "scripts": {
+    "serve:rspack": "node --no-deprecation rspack.js serve",
+    "build": "rimraf dist && node --no-deprecation rspack.js build",
+    "build:zip": "rimraf dist && node --no-deprecation rspack.js build && node build-zip.cjs"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pxq555/vue3-admin-gpt.git"
+  },
+  "bin": {
+    "create-vue3-admin-gpt": "./cli.js"
+  },
+  "files": [
+    "src",
+    "public",
+    "rspack.config.js",
+    "rspack.js",
+    ".env.*",
+    "jsconfig.json",
+    "cli.js",
+    "build-zip.cjs"
+  ],
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
+    "axios": "^1.13.5",
+    "caniuse-lite": "^1.0.30001769",
+    "clipboard": "^2.0.11",
+    "core-js": "^3.48.0",
+    "dayjs": "^1.11.19",
+    "echarts": "6.0.0",
+    "element-plus": "^2.13.2",
+    "jsencrypt": "^3.5.4",
+    "lodash": "^4.17.23",
+    "lodash-es": "^4.17.23",
+    "mitt": "^3.0.1",
+    "mockjs": "^1.1.0",
+    "nprogress": "^0.2.0",
+    "qs": "^6.14.1",
+    "screenfull": "^6.0.2",
+    "vue": "^3.5.27",
+    "vue-echarts": "^8.0.1",
+    "vue-router": "^5.0.2",
+    "vuedraggable": "^2.24.3",
+    "vuex": "^4.1.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.0",
+    "@rspack/cli": "^1.7.5",
+    "@rspack/core": "^1.7.5",
+    "@rspack/dev-server": "^1.2.1",
+    "@vue/compiler-sfc": "^3.5.27",
+    "archiver": "^7.0.1",
+    "babel-loader": "^10.0.0",
+    "body-parser": "^2.2.2",
+    "chalk": "4.1.2",
+    "chokidar": "^5.0.0",
+    "css-loader": "^7.1.3",
+    "dotenv": "^17.2.4",
+    "html-rspack-plugin": "^6.1.7",
+    "path-browserify": "^1.0.1",
+    "rimraf": "^6.1.2",
+    "sass": "1.71.1",
+    "sass-loader": "14.1.1",
+    "style-loader": "^4.0.0",
+    "vue-loader": "^17.4.2",
+    "vue-template-compiler": "^2.7.16"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "admin",
+    "template",
+    "scaffold",
+    "element-plus",
+    "rspack",
+    "dashboard",
+    "management-system",
+    "cli"
+  ],
+  "engines": {
+    "node": ">=16.0.0",
+    "npm": ">= 7.0.0"
+  }
+}

package/public/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="zh-cmn-Hans">
+  <head>
+    <meta charset="utf-8" />
+    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
+    <meta content="width=device-width,initial-scale=1.0" name="viewport" />
+    <meta content="<%= VUE_APP_TITLE %>" name="keywords" />
+    <meta content="<%= VUE_APP_AUTHOR %>" name="author" />
+  </head>
+  <body>
+    <noscript>
+      非常抱歉，您需要启用JavaScript才能访问本系统
+    </noscript>
+    <div id="app"></div>
+    <script>
+      /^http(s*):\/\//.test(location.href) ||
+        alert("系统需要部署到服务器下访问");
+    </script>
+  </body>
+</html>

package/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /