@aibai/create-myvue 0.0.2 → 0.0.5

package/bin/cli.js

@@ -4,6 +4,17 @@ const fs = require('fs');
 const path = require('path');
 const inquirer = require('inquirer');
 
+// 读取模板文件内容
+function readTemplateFile(templatePath) {
+  try {
+    const fullPath = path.join(__dirname, '../templates', templatePath);
+    return fs.readFileSync(fullPath, 'utf8').trim();
+  } catch (error) {
+    console.error(`Error reading template file ${templatePath}: ${error.message}`);
+    return '';
+  }
+}
+
 // 插件配置
 const plugins = [
   {
@@ -12,27 +23,8 @@ const plugins = [
     dependencies: ['unplugin-auto-import'],
     config: {
       vite: {
-        imports: [`import AutoImport from 'unplugin-auto-import/vite'`],
-        plugins: [
-          `AutoImport({
-            include: [
-              /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
-              /\.vue$/,
-              /\.vue\?vue/ // .vue
-            ],
-            imports: [
-              'vue',
-              'vue-router',
-              'pinia'
-            ],
-            dts: 'src/types/auto-import.d.ts',
-            eslintrc: {
-              enabled: true,
-              filepath: './.eslintrc-auto-import.json',
-              globalsPropValue: true,
-            },
-          }),`
-        ]
+        imports: [readTemplateFile('plugins/unplugin-auto-import/import.js')],
+        plugins: [readTemplateFile('plugins/unplugin-auto-import/plugin.js')]
       }
     }
   },
@@ -42,15 +34,8 @@ const plugins = [
     dependencies: ['unplugin-vue-components'],
     config: {
       vite: {
-        imports: [`import Components from 'unplugin-vue-components/vite'`],
-        plugins: [
-          `Components({
-            dirs: ['src/components'],
-            extensions: ['vue'],
-            dts: 'src/types/auto-components.d.ts',
-            resolvers: []
-          }),`
-        ]
+        imports: [readTemplateFile('plugins/unplugin-vue-components/import.js')],
+        plugins: [readTemplateFile('plugins/unplugin-vue-components/plugin.js')]
       }
     }
   },
@@ -60,36 +45,17 @@ const plugins = [
     dependencies: ['unocss'],
     config: {
       vite: {
-        imports: [`import UnoCSS from 'unocss/vite'`],
-        plugins: [
-          `UnoCSS()`
-        ]
+        imports: [readTemplateFile('plugins/unocss/import.js')],
+        plugins: [readTemplateFile('plugins/unocss/plugin.js')]
       },
       files: [
         {
           path: 'uno.config.ts',
-          content: `
-            import { defineConfig, transformerDirectives, transformerVariantGroup } from 'unocss'
-
-            export default defineConfig({theme: {
-                colors: {
-                  primary: 'var(--primary-color)',
-                },
-              },
-              shortcuts: {
-                'content': 'relative max-w-[1024px] mx-auto',
-                'btn': '',
-              },
-              transformers: [
-                transformerDirectives(),
-                transformerVariantGroup()
-              ]
-            })
-          `
+          content: readTemplateFile('plugins/unocss/uno.config.ts')
         },
         {
           path: 'src/main.js',
-          content: "import 'virtual:uno.css';\n",
+          content: readTemplateFile('plugins/unocss/files/main.js') + '\n',
           append: true
         }
       ]
@@ -101,52 +67,17 @@ const plugins = [
     dependencies: ['vite-plugin-svg-icons'],
     config: {
       vite: {
-        imports: [`import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'`],
-        plugins: [
-          `createSvgIconsPlugin({
-            // 指定需要缓存的图标文件夹
-            iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
-            // 指定symbolId格式
-            symbolId: 'icon-[dir]-[name]',
-          }),`
-        ]
+        imports: [readTemplateFile('plugins/vite-plugin-svg-icons/import.js')],
+        plugins: [readTemplateFile('plugins/vite-plugin-svg-icons/plugin.js')]
       },
       files: [
         {
           path: 'src/components/Icon.vue',
-          content: `
-            <script setup lang="ts">
-              import { computed } from 'vue';
-              
-              const props = defineProps({
-                prefix: { type: String, default: 'icon', },
-                iconName: { type: String, required: true, },
-                color: { type: String, default: '' }
-              })
-
-              const symbolId = computed(() => '#' + props.prefix + '-' + props.iconName);
-              </script>
-
-              <template>
-                <svg aria-hidden="true" class="svg-icon">
-                  <use :xlink:href="symbolId" :fill="color" />
-                </svg>
-              </template>
-
-              <style>
-              .svg-icon {
-                width: 1em;
-                height: 1em;
-                vertical-align: -0.15em;
-                overflow: hidden;
-                fill: currentColor;
-              }
-              </style>
-          `
+          content: readTemplateFile('plugins/vite-plugin-svg-icons/files/Icon.vue')
         },
         {
           path: 'src/main.js',
-          content: "import 'virtual:svg-icons-register';\n",
+          content: readTemplateFile('plugins/vite-plugin-svg-icons/files/main.js') + '\n',
           append: true
         }
       ]
@@ -160,673 +91,27 @@ const plugins = [
       files: [
         {
           path: 'src/utils/axiosConfig.ts',
-          content: `
-            // axios 配置文件
-            // 定义全局axios配置，包括基础URL、超时时间、响应格式验证等
-
-            // API基础URL，使用相对路径以便通过Vite代理转发
-            export const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://110.41.59.11/api';
-            // 注意：请勿使用绝对URL，否则会绕过Vite代理
-
-            // 请求超时时间（毫秒）
-            export const REQUEST_TIMEOUT = 40000;
-
-            // 响应数据格式验证
-            export const validateResponseFormat = (data: unknown): boolean => {
-              return typeof data === 'object' && data !== null;
-            };
-
-            // 错误消息映射
-            export const errorMessageMap: Record<number, string> = {
-              400: '请求参数错误',
-              401: '未授权，请重新登录',
-              403: '拒绝访问',
-              404: '请求的资源不存在',
-              405: '请求方法不允许',
-              500: '服务器内部错误',
-              502: '网关错误',
-              503: '服务不可用',
-              504: '网关超时',
-            };
-
-          `
+          content: readTemplateFile('plugins/axios/files/axiosConfig.ts')
         },
         {
           path: 'src/utils/axiosInstance.ts',
-          content: `
-            // axios 实例封装
-            import axios, { type AxiosRequestConfig, type AxiosError } from 'axios';
-            import { API_BASE_URL, REQUEST_TIMEOUT } from './axiosConfig';
-            import { handleAxiosError, isBusinessError, formatBusinessError } from './errorHandler';
-
-            interface HttpResponse<T = unknown> {
-              code: number;
-              msg: string;
-              data: T;
-            }
-
-            // 创建axios实例
-            const http = axios.create({
-              baseURL: API_BASE_URL,
-              timeout: REQUEST_TIMEOUT,
-              headers: {
-                'Content-Type': 'application/json;charset=UTF-8',
-              },
-            });
-
-            // 请求拦截器
-            http.interceptors.request.use(
-              (config) => {
-                config.headers = config.headers || {};
-                // 从本地存储获取token
-                const token = localStorage.getItem('APP_TOKEN');
-                // 如果存在token，则添加到请求头
-                if (token) {
-                  config.headers = config.headers || {};
-                  config.headers['x-token'] = token;
-                }
-                return config;
-              },
-              (error) => {
-                // 请求错误处理
-                console.error('请求配置错误:', error);
-                return Promise.reject(error);
-              }
-            );
-
-            // 响应拦截器
-            http.interceptors.response.use(
-              (response) => {
-                const data = response.data;
-
-                // 检查是否为业务错误
-                if (isBusinessError(data)) {
-                  const businessError = formatBusinessError(data);
-                  // globalErrorHandler(businessError);
-                  return Promise.reject(businessError);
-                }
-
-                // 直接返回响应数据
-                return data.data;
-              },
-              (error: AxiosError) => {
-                // 处理HTTP错误
-                const apiError = handleAxiosError(error);
-                // globalErrorHandler(apiError);
-                return Promise.reject(apiError);
-              }
-            );
-
-            // 导出http实例
-            export default http;
-
-            // 导出常用的请求方法
-            export const request = {
-              // 使用类型断言来匹配响应拦截器实际返回的data.data
-              get: <T = unknown>(url: string, config?: AxiosRequestConfig) => http.get<HttpResponse<T>>(url, config) as unknown as Promise<T>,
-              post: <T = unknown>(url: string, data?: unknown, config?: AxiosRequestConfig) => http.post<HttpResponse<T>>(url, data, config) as unknown as Promise<T>,
-              // 导出axios引用，用于取消请求等高级功能
-              axios: axios
-            };
-
-          `
+          content: readTemplateFile('plugins/axios/files/axiosInstance.ts')
         },
         {
           path: 'src/utils/errorHandler.ts',
-          content: `
-            // 错误处理工具
-            import type { AxiosError } from 'axios';
-            import { errorMessageMap } from './axiosConfig';
-
-            // 错误类型接口
-            export interface ApiError extends Error {
-              code?: number;
-              msg?: string;
-              data?: unknown;
-            }
-
-            /**
-             * 创建API错误对象
-             * @param message 错误消息
-             * @param status 状态码
-             * @param code 错误代码
-             * @param data 错误数据
-             * @returns ApiError对象
-             */
-            export function createApiError<T>(message: string, code?: number, data?: T): ApiError {
-              const error = new Error(message) as ApiError;
-              error.msg = message;
-              error.code = code;
-              error.data = data;
-              return error;
-            }
-
-            /**
-             * 处理axios错误
-             * @param error axios错误对象
-             * @returns 标准化的ApiError
-             */
-            export function handleAxiosError<T>(error: AxiosError): ApiError {
-              // 网络错误
-              if (!error.response) {
-                return createApiError('网络错误，请检查您的网络连接', -1);
-              }
-
-              const { response } = error;
-              const status = response.status;
-
-              // 从响应数据中提取错误信息
-              const responseData = response.data;
-              // 安全地访问响应数据
-              const data = responseData as Record<string, T>;
-              const errorMessage = data?.msg as string ||
-                errorMessageMap[status] ||
-                \`请求失败，状态码: ${status}\`;
-
-              const errorCode = data?.code as number || status;
-
-              return createApiError(errorMessage, errorCode, responseData);
-            }
-
-            /**
-             * 处理业务错误
-             * @param data 响应数据
-             * @returns 是否为业务错误
-             */
-            export function isBusinessError(data: unknown): boolean {
-              // 这里根据后端返回的业务错误格式进行判断
-              return data != null && typeof data === 'object' && 'code' in data && data.code !== 0;
-            }
-
-            /**
-             * 格式化业务错误
-             * @param data 响应数据
-             * @returns ApiError对象
-             */
-            export function formatBusinessError<T>(data: T): ApiError {
-              const businessData = data as Record<string, T>;
-              return createApiError(
-                (businessData?.msg as string) || '业务处理失败',
-                (businessData?.code as number) || 400,
-                data
-              );
-            }
-
-            /**
-             * 全局错误处理器
-             * 可以在这里添加错误日志记录、上报等功能
-             * @param error 错误对象
-             */
-            export function globalErrorHandler(error: Error | ApiError): void {
-              console.error('Global Error:', error);
-
-              // 可以在这里添加错误上报逻辑
-              // 例如：上报到Sentry等错误监控服务
-              // reportErrorToSentry(error);
-
-              // 根据错误类型进行不同处理
-              // if ('code' in error && error.code === 401) {
-              //   // 处理未授权错误，如跳转到登录页
-              //   handleUnauthorizedError();
-              // }
-            }
-
-            /**
-             * 处理未授权错误
-             */
-            // function handleUnauthorizedError(): void {
-            //   // 清除本地存储的token
-            //   localStorage.removeItem('token');
-
-            //   // 可以在这里添加跳转到登录页的逻辑
-            //   // 注意：由于这是工具函数，避免直接操作Vue Router
-            //   // 实际使用时，应该在组件或业务逻辑中处理跳转
-            //   console.warn('用户未授权，请重新登录');
-            // }
-
-          `
+          content: readTemplateFile('plugins/axios/files/errorHandler.ts')
         },
         {
           path: 'src/utils/imageUtils.ts',
-          content: `
-            // 图片地址处理工具函数
-
-            // 导出默认的图片基础URL配置（可以从环境变量读取）
-            export const DEFAULT_IMAGE_BASE_URL = import.meta.env.VITE_IMAGE_BASE_URL || '';
-
-            /**
-             * 图片地址拼接函数
-             * @param baseUrl 基础图片域名或路径
-             * @param imagePath 图片相对路径
-             * @returns 完整的图片URL
-             */
-            export const joinImageUrl = (imagePath: string, baseUrl?: string): string => {
-              // 处理空值情况
-              if (!imagePath) return '';
-
-              // 如果imagePath已经是完整的URL（包含http或https），直接返回
-              if (imagePath.startsWith('http://') || imagePath.startsWith('https://')) {
-                return imagePath;
-              }
-
-              // 如果baseUrl未提供，使用默认值
-              const newBaseUrl = baseUrl || DEFAULT_IMAGE_BASE_URL;
-
-              // 处理baseUrl结尾的斜杠和imagePath开头的斜杠，避免重复
-              const normalizedBaseUrl = newBaseUrl.endsWith('/') ? newBaseUrl.slice(0, -1) : newBaseUrl;
-              let normalizedImagePath = imagePath.startsWith('/') ? imagePath.slice(1) : imagePath;
-              // 判断链接开头是否包含 '/api'前缀，包含则删除
-              if (normalizedImagePath.startsWith('api/')) {
-                normalizedImagePath = normalizedImagePath.slice(4);
-              }
-              // 拼接完整URL
-              return \`${normalizedBaseUrl}/${normalizedImagePath}\`;
-            };
-
-            /**
-             * 批量拼接图片URL
-             * @param baseUrl 基础图片域名或路径
-             * @param imagePaths 图片相对路径数组
-             * @returns 完整图片URL数组
-             */
-            export const joinImageUrls = (imagePaths: string[], baseUrl?: string): string[] => {
-              return imagePaths.map(path => joinImageUrl(path, baseUrl));
-            };
-
-            /**
-             * Vue组件：图片URL拼接工具
-             * 可以在模板中直接使用
-             */
-            export const useImageUrl = () => {
-
-              return {
-                // 单个图片URL拼接
-                getImageUrl: (imagePath: string, customBaseUrl?: string) => {
-                  return joinImageUrl(imagePath, customBaseUrl);
-                },
-
-                // 批量图片URL拼接
-                getImageUrls: (imagePaths: string[], customBaseUrl?: string) => {
-                  return joinImageUrls(imagePaths, customBaseUrl);
-                }
-              };
-            };
-          `
+          content: readTemplateFile('plugins/axios/files/imageUtils.ts')
         },
         {
           path: 'src/utils/README.md',
-          content: `
-            # Axios 二次封装说明
-
-            ## 项目结构
-
-            \`\`\`
-            /src/utils/
-            ├── axiosConfig.ts      # axios 配置文件
-            ├── axiosInstance.ts    # axios 实例封装
-            ├── errorHandler.ts     # 错误处理工具
-            ├── axiosExample.ts     # 使用示例
-            └── README.md           # 说明文档
-
-            /src/api/
-            ├── index.ts            # API管理入口
-            ├── userApi.ts          # 用户相关API
-            └── commonApi.ts        # 通用API
-            \`\`\`
-
-            ## 功能特性
-
-            1. **统一配置管理**：通过\`axiosConfig.ts\`集中管理API基础URL、超时时间等配置
-            2. **请求拦截器**：自动添加token认证、时间戳防缓存
-            3. **响应拦截器**：统一处理响应数据格式和错误
-            4. **错误处理机制**：HTTP错误、业务错误统一处理，支持错误日志上报
-            5. **API模块化管理**：按业务模块划分API接口，方便维护
-            6. **TypeScript支持**：完整的类型定义，提供良好的开发体验
-            7. **文件上传支持**：简化文件上传操作
-            8. **取消请求支持**：支持取消正在进行的请求
-
-            ## 安装和配置
-
-            项目已安装axios依赖，如需手动安装：
-
-            \`\`\`bash
-            pnpm install axios
-            \`\`\`
-
-            ### 环境变量配置
-
-            在项目根目录创建`.env`文件，配置API基础URL：
-
-            \`\`\`
-            VITE_API_BASE_URL=https://your-api-domain.com/api
-            \`\`\`
-
-            ## 使用方法
-
-            ### 1. 导入方式
-
-            \`\`\`typescript
-            // 方式1：导入API模块（推荐）
-            import { api } from '@/api';
-
-            // 方式2：直接使用request工具函数
-            import { request } from '@/api';
-
-            // 方式3：导入原始axios实例
-            import { http } from '@/api';
-            \`\`\`
-
-            ### 2. 基本使用示例
-
-            #### 用户登录
-
-            \`\`\`typescript
-            async function login() {
-              try {
-                const result = await api.user.login({
-                  username: 'admin',
-                  password: '123456'
-                });
-                
-                // 保存token
-                localStorage.setItem('token', result.token);
-                console.log('登录成功');
-              } catch (error) {
-                console.error('登录失败:', error.message);
-              }
-            }
-            \`\`\`
-
-            #### 获取用户信息
-
-            \`\`\`typescript
-            async function getUserInfo() {
-              try {
-                const userInfo = await api.user.getUserInfo();
-                console.log('用户信息:', userInfo);
-              } catch (error) {
-                console.error('获取用户信息失败:', error);
-              }
-            }
-            \`\`\`
-
-            #### 通用请求方法
-
-            \`\`\`typescript
-            // GET请求
-            const data = await request.get('/api/data', {
-              params: { id: 123 },
-              timeout: 5000
-            });
-
-            // POST请求
-            const result = await request.post('/api/data', {
-              name: 'test',
-              value: 'example'
-            });
-
-            // PUT请求
-            await request.put('/api/data/123', { name: 'updated' });
-
-            // DELETE请求
-            await request.delete('/api/data/123');
-            \`\`\`
-
-            ### 3. 文件上传示例
-
-            \`\`\`typescript
-            async function uploadAvatar(file: File) {
-              try {
-                const result = await api.common.uploadFile(file, 'image');
-                console.log('上传成功，文件URL:', result.url);
-                return result.url;
-              } catch (error) {
-                console.error('上传失败:', error);
-                return null;
-              }
-            }
-            \`\`\`
-
-            ### 4. 错误处理
-
-            \`\`\`typescript
-            import { api, ApiError } from '@/api';
-
-            async function handleRequest() {
-              try {
-                await api.user.getUserInfo();
-              } catch (error) {
-                if (error instanceof ApiError) {
-                  // 根据错误状态码处理
-                  if (error.status === 401) {
-                    // 未授权，跳转到登录页
-                    console.log('请重新登录');
-                  } else if (error.status === 403) {
-                    console.log('没有权限访问');
-                  } else {
-                    console.log('其他错误:', error.message);
-                  }
-                  
-                  // 根据错误代码处理
-                  if (error.code === 'USER_NOT_FOUND') {
-                    console.log('用户不存在');
-                  }
-                }
-              }
-            }
-            \`\`\`
-
-            ### 5. 并发请求
-
-            \`\`\`typescript
-            async function fetchMultipleData() {
-              try {
-                const [userInfo, systemStatus] = await Promise.all([
-                  api.user.getUserInfo(),
-                  api.common.getSystemStatus()
-                ]);
-                
-                console.log('用户信息:', userInfo);
-                console.log('系统状态:', systemStatus);
-              } catch (error) {
-                console.error('请求失败:', error);
-              }
-            }
-            \`\`\`
-
-            ### 6. 取消请求
-
-            \`\`\`typescript
-            import { request } from '@/api';
-
-            // 创建取消令牌
-            const CancelToken = request.axios.CancelToken;
-            const source = CancelToken.source();
-
-            // 发送请求
-            request.get('/api/long-running', {
-              cancelToken: source.token
-            });
-
-            // 取消请求
-            function cancelRequest() {
-              source.cancel('用户取消了请求');
-            }
-            \`\`\`
-
-            ## Vue 3组件中使用示例
-
-            \`\`\`vue
-            <script setup lang="ts">
-            import { ref, onMounted } from 'vue';
-            import { api } from '@/api';
-
-            const loading = ref(false);
-            const userList = ref([]);
-            const errorMsg = ref('');
-
-            const fetchUsers = async (page = 1) => {
-              loading.value = true;
-              errorMsg.value = '';
-              
-              try {
-                const result = await api.user.getUserList({ page, pageSize: 10 });
-                userList.value = result.list;
-              } catch (error) {
-                errorMsg.value = error.message || '获取用户列表失败';
-              } finally {
-                loading.value = false;
-              }
-            };
-
-            onMounted(() => {
-              fetchUsers();
-            });
-            </script>
-
-            <template>
-              <div class="user-list">
-                <div v-if="loading">加载中...</div>
-                <div v-else-if="errorMsg" class="error">{{ errorMsg }}</div>
-                <div v-else>
-                  <div v-for="user in userList" :key="user.id" class="user-item">
-                    {{ user.name }} - {{ user.email }}
-                  </div>
-                </div>
-              </div>
-            </template>
-            \`\`\`
-
-            ## 扩展说明
-
-            ### 1. 添加新的API模块
-
-            1. 在\`/src/api/\`目录下创建新的API文件，例如\`productApi.ts\`
-            2. 在文件中定义API接口和相关类型
-            3. 在`/ src / api / index.ts`中导入并导出新模块
-
-            ### 2. 自定义配置
-
-            可以在\`axiosConfig.ts\`中修改配置：
-            - \`API_BASE_URL\`：修改API基础URL
-            - \`REQUEST_TIMEOUT\`：调整请求超时时间
-            - \`errorMessageMap\`：自定义错误消息 （可选）
-
-            ### 3. 全局错误处理
-
-            可以在\`errorHandler.ts\`的\`globalErrorHandler\`函数中添加：
-            - 错误日志上报
-            - 统一错误提示
-            - 根据错误类型执行不同操作
-
-            ## 注意事项
-
-            1. 所有API调用都应该使用\`try/catch\`进行错误处理
-            2. 登录成功后，token会自动保存到localStorage，并在后续请求中自动添加
-            3. 未授权错误(401)会自动清除token，可以在组件中监听此错误进行页面跳转
-            4. 文件上传时，需要使用FormData格式
-            5. 对于大型项目，可以根据业务模块创建更多API文件
-
-            **************************************************
-            # 工具函数库
-
-            ## 图片地址处理工具
-
-            ### 主要功能
-            - 拼接图片基础URL和相对路径
-            - 智能处理URL中的斜杠，避免重复
-            - 识别并保留完整URL（以http或https开头的路径）
-            - 支持批量图片URL处理
-            - 提供Vue组件和组合式API使用方式
-
-            ### 使用方法
-
-            #### 1. 直接使用工具函数
-
-            \`\`\`typescript
-            import { joinImageUrl, joinImageUrls } from '@/utils/imageUtils';
-
-            // 单个图片URL拼接
-            const imageUrl = joinImageUrl('https://cdn.example.com', 'images/product.jpg');
-            // 结果: https://cdn.example.com/images/product.jpg
-
-            // 批量图片URL拼接
-            const imageUrls = joinImageUrls([
-              'images/1.jpg',
-              'images/2.jpg'
-            ], 'https://cdn.example.com');
-            \`\`\`
-
-            #### 2. 使用组合式API（在Vue组件中）
-
-            \`\`\`typescript
-            import { useImageUrl } from '@/utils/imageUtils';
-
-            // 创建自定义基础URL的图片工具
-            const imageTools = useImageUrl('https://cdn.example.com');
-
-            // 单个图片URL
-            const imageUrl = imageTools.getImageUrl('images/product.jpg');
-
-            // 或使用自定义基础URL覆盖默认值
-            const imageUrlWithCustomBase = imageTools.getImageUrl('images/product.jpg', 'https://custom.example.com');
-            \`\`\`
-
-            #### 3. 使用Vue组件
-
-            \`\`\`vue
-            <template>
-              <!-- 简单使用 -->
-              <ImageUrl path="images/product.jpg" />
-              
-              <!-- 使用自定义基础URL -->
-              <ImageUrl path="images/product.jpg" base-url="https://cdn.example.com" />
-              
-              <!-- 使用插槽自定义渲染 -->
-              <ImageUrl path="images/product.jpg" #default="{ url }">
-                <img :src="url" alt="产品图片" />
-              </ImageUrl>
-            </template>
-
-            \`\`\`
-
-            ### 配置说明
-
-            可以在环境变量文件（.env）中配置默认图片基础URL：
-
-            \`\`\`
-            VITE_IMAGE_BASE_URL=https://cdn.example.com
-            \`\`\`
-
-            如果未配置，默认值为'/'（网站根目录）。
-
-            ### 注意事项
-            - 工具会自动处理URL中的斜杠，避免重复
-            - 如果提供的图片路径已经是完整URL，将直接返回该URL
-            - 对于空路径，函数会返回空字符串，避免生成无效URL
-          `
+          content: readTemplateFile('plugins/axios/files/README.md')
         },
         {
           path: 'src/api/index.ts',
-          content: `
-            // API接口管理入口文件
-
-            // 导出各个模块的API
-            import * as yApi from './app/yApi';
-
-            // 统一导出所有API
-            export {
-              yApi,
-            };
-
-            // 导出axios实例和请求方法，便于直接使用
-            import http, { request } from '../utils/axiosInstance';
-            export { http, request };
-
-            // 导出错误处理相关工具
-            export * from '../utils/errorHandler';
-
-          `
+          content: readTemplateFile('plugins/axios/files/index.ts')
         },
       ]
     }
@@ -835,7 +120,7 @@ const plugins = [
 
 // 读取配置文件
 function getConfig() {
-  const configPath = path.join(process.cwd(), 'create-my-vue.config.js');
+  const configPath = path.join(process.cwd(), 'create-myvue.config.js');
   if (fs.existsSync(configPath)) {
     return require(configPath);
   }
@@ -902,7 +187,7 @@ function executeCommand(command, args, options = {}) {
       if (code === 0) {
         resolve();
       } else {
-        reject(new Error(`Command failed with exit code ${code}`));
+        reject(new Error('Command failed with exit code ' + code));
       }
     });
   });
@@ -930,7 +215,7 @@ function updateProjectConfig(projectPath, selectedPlugins) {
     // 添加导入语句
     if (allImports.length > 0) {
       const importStatements = allImports.join('\n');
-      content = content.replace(/import\s+\w+\s+from/g, match => `${importStatements}\n${match}`);
+      content = content.replace(/import\s+\w+\s+from/g, match => importStatements + '\n' + match);
     }
 
     // 添加插件配置
@@ -938,14 +223,9 @@ function updateProjectConfig(projectPath, selectedPlugins) {
       const pluginStatements = allPlugins.join(',\n  ');
       content = content.replace(/plugins:\s*\[([\s\S]*?)\]/g, (match, existingPlugins) => {
         if (existingPlugins.trim()) {
-          return `plugins: [
-            ${existingPlugins.trim()},
-            ${pluginStatements}
-          ]`;
+          return 'plugins: [\n            ' + existingPlugins.trim() + ',\n            ' + pluginStatements + '\n          ]';
         } else {
-          return `plugins: [
-            ${pluginStatements}
-          ]`;
+          return 'plugins: [\n            ' + pluginStatements + '\n          ]';
         }
       });
     }
@@ -973,11 +253,11 @@ function updateProjectConfig(projectPath, selectedPlugins) {
           // 追加内容
           const existingContent = fs.readFileSync(filePath, 'utf8');
           fs.writeFileSync(filePath, existingContent + fileConfig.content, 'utf8');
-          console.log(`成功追加到 ${fileConfig.path}`);
+          console.log('成功追加到 ' + fileConfig.path);
         } else {
           // 创建或覆盖文件
           fs.writeFileSync(filePath, fileConfig.content, 'utf8');
-          console.log(`成功创建 ${fileConfig.path}`);
+          console.log('成功创建 ' + fileConfig.path);
         }
       });
     }
@@ -994,12 +274,12 @@ async function main(projectName, options) {
     projectName: projectName || config.projectName,
     ...config,
     ...options
-  };
+  }
 
   // 构建 pnpm create vue@latest 命令
   const args = ['create', 'vue@latest', ...parseConfigToArgs(finalConfig)];
 
-  console.log(`Running: pnpm ${args.join(' ')}`);
+  console.log('Running: pnpm ' + args.join(' '));
 
   // 如果是 dry-run，只显示命令不执行
   if (finalConfig.dryRun) {
@@ -1025,22 +305,22 @@ async function main(projectName, options) {
 
       if (!fs.existsSync(composablesPath)) {
         fs.mkdirSync(composablesPath, { recursive: true });
-        console.log(`成功创建 ${composablesPath}`);
+        console.log('成功创建 ' + composablesPath);
       }
 
       if (!fs.existsSync(utilsPath)) {
         fs.mkdirSync(utilsPath, { recursive: true });
-        console.log(`成功创建 ${utilsPath}`);
+        console.log('成功创建 ' + utilsPath);
       }
 
       if (!fs.existsSync(iconPath)) {
         fs.mkdirSync(iconPath, { recursive: true });
-        console.log(`成功创建 ${iconPath}`);
+        console.log('成功创建 ' + iconPath);
       }
 
       if (!fs.existsSync(apiPath)) {
         fs.mkdirSync(apiPath, { recursive: true });
-        console.log(`成功创建 ${apiPath}`);
+        console.log('成功创建 ' + apiPath);
       }
 
       const { selectedPlugins } = await inquirer.prompt([
@@ -1049,7 +329,7 @@ async function main(projectName, options) {
           name: 'selectedPlugins',
           message: '您想要添加哪些额外的插件？',
           choices: plugins.map(plugin => ({
-            name: `${plugin.name} - ${plugin.description}`,
+            name: plugin.name + ' - ' + plugin.description,
             value: plugin.name
           }))
         }
@@ -1079,7 +359,7 @@ async function main(projectName, options) {
       }
     }
   } catch (error) {
-    console.error(`Error: ${error.message}`);
+    console.error('Error: ' + error.message);
     process.exit(1);
   }
 }
@@ -1111,4 +391,4 @@ program
     main(projectName, options);
   });
 
-program.parse(process.argv);
+program.parse(process.argv);