前端国际化适配提速 90%！这款 JS 脚本 CLI 工具，自动提中文、分模块、做替换，比 AI 更稳定

LaiYoung_2025-09-04 11:14

前言

在全球化协作持续深化的大背景下，越来越多前端项目对国际化适配提出了快速落地的需求。然而，许多项目在初期规划阶段并未纳入国际化方案，导致代码中遗留了大量中文硬编码------这类硬编码广泛分布于各类文件中，数量少则上千，多则可达四五千甚至更多。

若依赖人工逐文件排查、提取中文并替换为支持语言包动态切换的写法，不仅需耗费大量时间，且工作内容重复机械，缺乏技术价值。为此，我开发了一套支持高度自定义配置的 JavaScript 脚本 CLI 工具 fe-js-utils，可实现四大核心功能：自动从项目中提取中文文本、提炼公共语言模块、对语言模块进行智能分类，以及自动替换代码中的中文硬编码。

当前虽有各类 AI 工具可辅助处理此类问题，但受限于效果稳定性与适配精准度，往往难以满足项目实际需求。而本工具的处理效果稳定可控，可将国际化适配的整体效率提升 80%~90%。以下为具体使用效果展示。

fe-js-utils 使用手册

fe-js-utils 是一个前端代码质量检测和国际化处理的 JavaScript 工具集，提供了多种实用功能帮助开发者提高代码质量和实现国际化。

一、安装依赖

bash 复制代码 
npm install fe-js-utils --save-dev
# 或
yarn add fe-js-utils -D

二、配置脚本命令

在 package.json 中添加以下 scripts：

json 复制代码 
{
  "scripts": {
    "cleanInvalidComments": "fe-js-utils cleanInvalidComments",
    "checkAny": "fe-js-utils checkAny",
    "extractChinese": "fe-js-utils extractChinese",
    "extractCommonLocaleValues": "fe-js-utils extractCommonLocaleValues",
    "findModuleInCommonLocaleValues": "fe-js-utils findModuleInCommonLocaleValues",
    "autoGenerateLocaleModules": "fe-js-utils autoGenerateLocaleModules",
    "autoReplaceChinese": "fe-js-utils autoReplaceChinese"
  }
}

三、配置文件创建

步骤说明

  1. 在项目根目录创建 fe-js-utils.config.ts
  2. 使用以下基础模板（示例）：
ts 复制代码 
// fe-js-utils.config.ts
const path = require('path');

module.exports = {
  checkAny: {
    targetDir: './src',
    outputFile: path.join(process.cwd(), 'check-any-results.js'),
    skipSet: [],
    extFiles: ['.ts', '.vue']
  },
  cleanInvalidComments: {
    targetDir: './src',
    extFiles: ['.js', '.ts', '.vue']
  },
  extractChinese: {
    targetDir: './src',
    outputFile: path.join(process.cwd(), 'extract-chinese-results.js'),
    extFiles: ['.js', '.ts', '.vue'],
    excludeFiles: [],
    excludeDirs: []
  },
  extractCommonLocaleValues: {
    outputFile: './src/locales/zh_CN/Common.ts'
  },
  findModuleInCommonLocaleValues: {
    localeDir: './src/locales/zh_CN',
    commonLocaleModule: 'Common',
    localModules: ['ObjectConstruction', 'DataDirectoryMgmt']
  },
  autoGenerateLocaleModules: {
    outputDir: './src/locales/zh_CN',
    runExtractFirst: true
  },
  autoReplaceChinese: {
    localeDir: './src/locales/zh_CN',
    commonLocaleModule: 'Common',
    localModules: ['ObjectConstruction', 'DataDirectoryMgmt'],
    customImportStatements: (imports: string[], filePath: string, localModule: string) => {
      // 自定义 import 语句的回调，返回一个 import 语句字符串的数组，为空时不会添加任何 import 语句
      return [];
    },
    customVariableDeclarations: (fileContent: string, filePath: string, localModule: string, needsCommon: boolean) => {
      // 自定义 变量声明 的回调，返回一个变量声明字符串的数组，为空时不会添加任何变量声明
      return '';
    },
    customReplaceTextFunction: (
      filePath: string,
      localModule: string,
      chineseKey: string,
      englishValue: string,
      isInCommon: boolean,
      context: string
    ) => {
      // 自定义 替换中文字符 的回调，返回一个替换后的字符串，为空时将不会替换任何中文字符
      // 示例：
      return `$t('${localModule}.${englishValue}')`;
    }
  }
};

注意事项：

  1. 使用 .ts 文件时，Node 版本需要 >= v22.18.0，使用 .js 无要求；
  2. 在 fe-js-utils.config 配置文件中 import ts 文件请添加 .ts 后缀

四、工具及配置项说明

1. checkAny（Any类型检查）

功能 ：扫描项目中的 any 类型的使用
使用场景：

  • 代码质量检查
  • TypeScript类型规范审计

配置项说明：

配置项 类型 默认值 说明
targetDir string './src' 需要扫描的源码目录
outputFile string ${process.cwd()}/check-any-results.js 结果输出文件路径
skipSet string[] [] 需要跳过的代码模式（包含这些字符串的代码行将不被检测）
extFiles string[] ['.ts', '.vue'] 需要扫描的文件扩展名
使用方式
bash 复制代码 
# 执行 any 类型检查
npm run checkAny
# 或
yarn checkAny
配置示例
ts 复制代码 
// fe-js-utils.config.ts
module.exports = {
  checkAny: {
    // 需要扫描的源码目录
    targetDir: './src',
    // 结果输出文件路径
    outputFile: './check-any-results.js',
    // 需要跳过的代码模式
    skipSet: ['cancelCb?: (error: any) => void;', 'valueComponent?: any;'],
    // 需要扫描的文件扩展名
    extFiles: ['.ts', '.vue']
  }
};
输出格式

生成的 check-any-results.js 文件格式如下：

javascript 复制代码 
// src/components/user/UserService.ts
['value?: any;', 'fail?: (err: any) => void;'];

// src/components/alarm/AlarmService.ts
['let obj: any = "";'];

2. cleanInvalidComments（无效注释清理）

功能 ：清理无效的JSDoc注释
清理规则：

  • 自动清理/** ... */格式没有描述的@param及@returns

配置项说明：

配置项 类型 默认值 说明
targetDir string './src' 需要清理注释的源码目录
extFiles string[] ['.js', '.ts', '.vue'] 需要处理的文件扩展名
使用方式
bash 复制代码 
# 执行注释清理
npm run cleanInvalidComments
# 或
yarn cleanInvalidComments
配置示例
ts 复制代码 
// fe-js-utils.config.ts
module.exports = {
  cleanInvalidComments: {
    // 需要清理注释的源码目录
    targetDir: './src',
    // 需要处理的文件扩展名
    extFiles: ['.js', '.ts', '.vue']
  }
};

3. extractChinese（中文提取）

功能 ：提取项目中的中文字符
使用场景：

  • 方便快速国际化的适配
  • 识别项目中所有硬编码的中文文案
  • 为后续的国际化处理提供数据基础

配置项说明：

配置项 类型 默认值 说明
targetDir string './src' 需要扫描的源码目录
outputFile string ${process.cwd()}/extract-chinese-results.js 结果输出文件路径
extFiles string[] ['.js', '.jsx', '.ts', '.tsx', '.vue', '.html'] 需要扫描的文件扩展名
excludeDirs string[] ['node_modules', 'dist', 'build', 'locales'] 需要排除的目录
excludeFiles string[] ['extract-chinese-results.js', 'extract-chinese.js'] 需要排除的特定文件
verbose boolean false 是否显示处理过程日志
使用方式
bash 复制代码 
# 执行中文提取
npm run extractChinese
# 或
yarn extractChinese
配置示例
ts 复制代码 
// fe-js-utils.config.ts
module.exports = {
  extractChinese: {
    // 需要扫描的源码目录
    targetDir: './src',
    // 结果输出文件路径
    outputFile: './extract-chinese-results.js',
    // 需要扫描的文件扩展名
    extFiles: ['.js', '.ts', '.vue'],
    // 需要排除的目录
    excludeDirs: ['node_modules', 'dist', 'build', 'locales'],
    // 需要排除的特定文件
    excludeFiles: ['extract-chinese-results.js'],
    // 显示详细处理过程日志
    verbose: false
  }
};
输出格式

生成的 extract-chinese-results.js 文件格式如下：

javascript 复制代码 
// src/components/user/UserList.vue
['用户管理', '新增用户', '编辑用户'];

// src/components/alarm/AlarmList.vue
['报警列表', '报警级别', '处理状态'];

4. extractCommonLocaleValues（提取公共语言包）

功能 ：从 extractChinese 的输出结果中提取重复出现的中文字符串，并生成公共语言包模块文件
使用场景：

  • 自动识别项目中多处使用的相同文案
  • 生成公共语言包，避免重复定义
  • 为国际化提供共享的通用文案

配置项说明：

配置项 类型 默认值 说明
inputFile string extractChinese.outputFile 输入文件路径（中文提取结果文件）
outputFile string './src/locales/zh_CN/Common.ts' 输出文件路径（公共语言包文件）
verbose boolean false 是否显示处理过程日志
使用方式
bash 复制代码 
# 执行公共语言包提取
npm run extractCommonLocaleValues
# 或
yarn extractCommonLocaleValues
配置示例
ts 复制代码 
// fe-js-utils.config.ts
module.exports = {
  extractCommonLocaleValues: {
    // 输出文件路径
    outputFile: './src/locales/zh_CN/Common.ts',
    // 显示详细处理过程日志
    verbose: false
  }
};
输出格式

生成的公共语言包文件格式如下：

typescript 复制代码 
export default {
  key0: '确定',
  key1: '取消',
  key2: '保存',
  key3: '删除'
};
注意事项
  1. 由于目前翻译插件的一些限制，无法进行大批量翻译处理，所以生成的语言文件中的 key 为自增的 keyIndex，请自行使用 ChatGPT 或 DeepSeek 等 AI 工具进行翻译处理。

5. findModuleInCommonLocaleValues（查找指定模块与公共模块重复值）

功能 ：找出指定模块中与公共模块（Common）中定义相同的中文值
使用场景：

  • 检测模块中哪些文案已在公共模块中定义
  • 识别可以复用公共文案的地方
  • 避免重复定义相同的国际化文案

配置项说明：

配置项 类型 默认值 说明
localeDir string './src/locales/zh_CN' 语言包文件所在目录
localModules string[] [] 需要检查的模块文件名列表
commonLocaleModule string 'Common' 公共语言包模块文件名
verbose boolean false 是否显示处理过程日志
使用方式
bash 复制代码 
# 查找模块与公共模块的重复值
npm run findModuleInCommonLocaleValues
# 或
yarn findModuleInCommonLocaleValues
配置示例
ts 复制代码 
// fe-js-utils.config.ts
module.exports = {
  findModuleInCommonLocaleValues: {
    // 语言包目录
    localeDir: './src/locales/zh_CN',
    // 需要检查的模块列表
    localModules: ['UserManagement', 'AlarmConfig', 'DataDirectory'],
    // 公共模块名称
    commonLocaleModule: 'Common',
    // 显示详细处理过程日志
    verbose: false
  }
};
输出格式

输出结果格式如下：

arduino 复制代码 
============find-common-locale-values============

UserManagement 中在 Common 中出现过的值:
[
  "确定",
  "取消",
  "保存",
  "删除"
]

总共找到 4 个相同的值

6. autoGenerateLocaleModules（自动生成国际化模块文件）

功能 ：根据 extractChinese 提取的中文结果自动生成国际化模块文件

使用场景：

  • 自动化生成国际化语言包
  • 按模块划分语言资源
  • 快速构建项目国际化基础结构

配置项说明：

配置项 类型 默认值 说明
inputFile string extractChinese.outputFile 的值 中文提取结果文件路径（通常自动从 extractChinese 配置中获取）
outputDir string './src/locales/zh_CN' 生成的语言包文件输出目录
verbose boolean false 是否显示详细处理过程日志
runExtractFirst boolean false 是否在生成前自动执行中文提取操作
autoExtractCommonLocale boolean true 是否自动提取公共语言包
annotationDefinedInCommonLocale boolean true 是否对已在公共语言包中定义的中文进行注释标记
使用方式
1. 基础使用（依赖已有的提取结果）

首先确保已通过 extractChinese 命令生成了中文提取结果文件：

bash 复制代码 
# 先执行中文提取
npm run extractChinese
# 或
yarn extractChinese

# 再生成国际化模块
npm run autoGenerateLocaleModules
# 或
yarn autoGenerateLocaleModules
2. 自动提取并生成（推荐）

配置 runExtractFirst: true 后，工具会自动先执行中文提取再生成模块：

bash 复制代码 
# 一条命令完成中文提取和模块生成
npm run autoGenerateLocaleModules
# 或
yarn autoGenerateLocaleModules
配置示例
ts 复制代码 
// fe-js-utils.config.ts
module.exports = {
  extractChinese: {
    targetDir: './src',
    outputFile: './extract-chinese-results.js',
    extFiles: ['.js', '.ts', '.vue'],
    excludeDirs: ['node_modules', 'dist', 'build', 'locales']
  },

  autoGenerateLocaleModules: {
    // 输入文件路径（中文提取结果文件）
    inputFile: './extract-chinese-results.js',
    // 语言包输出目录
    outputDir: './src/locales/zh_CN',
    // 显示详细日志
    verbose: false,
    // 在生成前自动执行中文提取
    runExtractFirst: true,
    // 自动提取公共语言包
    autoExtractCommonLocale: true,
    // 对已在公共语言包中定义的中文进行注释标记
    annotationDefinedInCommonLocale: true
  }
};
生成规则
1. 模块命名规则

根据文件路径自动生成模块名：

  • 路径：src/components/user-management/UserList.vue
  • 模块名：UserManagement（取第三级目录名并转为大驼峰命名）
2. 文件结构示例

输入文件（extract-chinese-results.js）：

javascript 复制代码 
// src/components/user-management/UserList.vue
['用户管理', '新增用户', '编辑用户'];

// src/components/alarm-config/AlarmSetting.vue
['报警配置', '保存设置', '取消'];

输出文件结构：

复制代码 
localesDir/
├── UserManagement.ts
└── AlarmConfig.ts

输出文件内容（UserManagement.ts）：

typescript 复制代码 
export default {
  // src/components/user-management/UserList.vue
  key0: '用户管理',
  key1: '新增用户',
  key2: '编辑用户'
};
注意事项
  1. 生成 index.ts 文件，需要手动注册到 i18n 或其他语言包管理工具中；
  2. 由于目前翻译插件的一些限制，无法进行大批量翻译处理，所以生成的语言文件中的 key 为自增的 keyIndex，请自行使用 ChatGPT 或 DeepSeek 等 AI 工具进行翻译处理。

7. autoReplaceChinese（自动替换项目中的中文文案）

功能 ：根据语言包文件自动替换源代码中的中文字符串为国际化调用函数
使用场景：

  • 自动化完成项目国际化改造
  • 将硬编码的中文字符串替换为动态调用
  • 统一项目中文案的使用方式

配置项说明：

配置项 类型 默认值 说明
localeDir string './src/locales/zh_CN' 语言包文件所在目录
localModules string[] [] 需要处理的语言模块文件名列表，对应 LLMT 枚举的值
commonLocaleModule string 'Common' 公共语言包模块文件名
verbose boolean false 是否显示处理过程日志
customImportStatements function null 自定义 import 语句回调函数
customVariableDeclarations function null 自定义变量定义语句回调函数
customReplaceTextFunction function null 自定义文本替换回调函数
使用方式
bash 复制代码 
# 自动替换项目中的中文文案
npm run autoReplaceChinese
# 或
yarn autoReplaceChinese
配置示例
ts 复制代码 
// fe-js-utils.config.ts
module.exports = {
  autoReplaceChinese: {
    // 语言包目录
    localeDir: './src/locales/zh_CN',
    // 需要处理的模块列表
    localModules: ['UserManagement', 'AlarmConfig', 'DataDirectory'],
    // 公共模块名称
    commonLocaleModule: 'Common',
    // 显示详细日志
    verbose: false,
    // 自定义 import 语句的回调函数
    customImportStatements: (imports: string[], filePath: string, localModule: string) => {
      // 返回一个 import 语句字符串的数组，为空时不会添加任何 import 语句
      return [];
    },
    // 自定义变量声明的回调函数
    customVariableDeclarations: (fileContent: string, filePath: string, localModule: string, needsCommon: boolean) => {
      // 返回一个变量声明字符串，为空时不会添加任何变量声明
      return '';
    },
    // 自定义替换文本的回调函数
    customReplaceTextFunction: (
      filePath: string,
      localModule: string,
      chineseKey: string,
      englishValue: string,
      isCommon: boolean,
      context: string
    ) => {
      // 返回一个替换后的字符串，为空时将不会替换任何中文字符
      // 示例：
      return `$t('${localModule}.${englishValue}')`;
    }
  }
};
注意事项
  1. 语言文件格式：确保语言文件遵循指定格式，包含文件路径注释和键值对
  2. 源文件结构 ：源文件中需要有 // #region Hooks 注释标记hook插入位置
  3. 依赖项 ：如果没有实现几个对应的自定义替换函数 ，则项目中需要存在 useLocalLang hook和 LLMT 枚举类型
  4. 备份文件：建议在执行前备份源文件，防止替换错误
  5. 逐步执行：建议先在少数模块上测试，确认效果后再批量处理
  6. 自定义函数 ：
    • customImportStatements：用于自定义添加的import语句，回调参数为 (existingImports: string[], filePath: string, localModule: string)
    • customVariableDeclarations：用于自定义添加的变量声明，回调参数为 (fileContent: string, filePath: string, localModule: string, needsCommon: boolean)
    • customReplaceTextFunction：用于自定义文本替换逻辑，回调参数为 (filePath: string, localModule: string, chineseKey: string, englishValue: string, isCommon: boolean, context: string)
  7. 不支持格式化字符串处理，需要手动处理
执行效果

执行前：

vue 复制代码 
<template>
  <div>
    <el-button @click="save">保存</el-button>
    <el-button @click="cancel">取消</el-button>
  </div>
</template>

<script>
// #region Hooks

export default {
  methods: {
    save() {
      this.$message.success('保存成功');
    },
    cancel() {
      this.$emit('cancel');
    }
  }
};
</script>

执行后：

vue 复制代码 
<template>
  <div>
    <el-button @click="save">{{ localLang('save') }}</el-button>
    <el-button @click="cancel">{{ localLang('cancel') }}</el-button>
  </div>
</template>

<script>
import { useLocalLang } from '@/hooks/UseLocalLang';
import { LLMT } from '@/model/bo/LocalBO';

// #region Hooks
const { localLang } = useLocalLang(LLMT.UserManagement);
// #endregion

export default {
  methods: {
    save() {
      this.$message.success(localLang('saveSuccess'));
    },
    cancel() {
      this.$emit('cancel');
    }
  }
};
</script>

国际化文案处理工具间的关系与组合使用指南

这些工具按照国际化文案处理流程形成了一个完整的工具链，每个工具都有其特定的功能和作用。以下是它们之间的关系和推荐的组合使用方式：

工具间的关系

  1. extractChinese（中文提取）

    • 作用：扫描整个项目源码，提取所有硬编码的中文文本
    • 输出 ：生成 extract-chinese-results.js 文件，包含按文件组织的中文文本列表
    • 地位：整个国际化流程的起点和数据源

  2. extractCommonLocaleValues（提取公共语言包）

    • 依赖 ：需要 extractChinese 的输出结果
    • 作用：分析提取结果，找出在多个文件中重复出现的中文文本
    • 输出 ：生成 Common.ts 公共语言包文件

  3. autoGenerateLocaleModules（自动生成语言模块）

    • 依赖 ：需要 extractChinese 的输出结果
    • 作用：根据提取的中文文本按模块划分生成语言包文件
    • 可选依赖 ：可与 extractCommonLocaleValues 配合使用，避免重复定义
    • 输出 ：生成多个模块化的语言包文件和 index.ts 索引文件

  4. findModuleInCommonLocaleValues（查找模块与公共模块重复值）

    • 依赖 ：需要 extractCommonLocaleValues 生成的公共语言包和模块语言包
    • 作用：分析各个模块语言包与公共语言包的重复项
    • 输出：控制台输出重复项分析结果

  5. autoReplaceChinese（自动替换中文）

    • 依赖 ：需要模块语言包文件（由 autoGenerateLocaleModules 生成）
    • 作用：自动替换源码中的硬编码中文为国际化调用函数
    • 输出：修改后的源代码文件

推荐的组合使用流程

方案一：完整国际化流程（推荐）

bash 复制代码 
# 1. 提取项目中所有中文文本
npx fe-js-utils extractChinese

# 2. 自动生成模块化语言包（会自动调用extractCommonLocaleValues）
npx fe-js-utils autoGenerateLocaleModules

# 3. 查看模块与公共语言包的重复项（可选）
npx fe-js-utils findModuleInCommonLocaleValues

# 4. 自动替换源码中的中文
npx fe-js-utils autoReplaceChinese

方案二：分步执行

bash 复制代码 
# 1. 提取项目中所有中文文本
npx fe-js-utils extractChinese

# 2. 提取公共语言包（可选）
npx fe-js-utils extractCommonLocaleValues

# 3. 生成模块化语言包
npx fe-js-utils autoGenerateLocaleModules

# 4. 替换源码中的中文
npx fe-js-utils autoReplaceChinese

各工具的执行顺序和依赖关系

graph TD A[extractChinese] --> B[extractCommonLocaleValues] A --> C[autoGenerateLocaleModules] B --> C C --> D[findModuleInCommonLocaleValues] C --> E[autoReplaceChinese] D --> E

详细使用说明

第一步：extractChinese（中文提取）

这是整个流程的起点，负责扫描项目中的所有硬编码中文：

bash 复制代码 
npx fe-js-utils extractChinese

执行后会生成 extract-chinese-results.js 文件，格式如下：

javascript 复制代码 
// src/components/user/UserList.vue
['用户管理', '新增用户', '编辑用户'];

// src/components/alarm/AlarmList.vue
['报警列表', '报警级别', '处理状态'];

第二步：extractCommonLocaleValues（提取公共语言包）

分析提取结果，找出重复出现的中文文本：

bash 复制代码 
npx fe-js-utils extractCommonLocaleValues

生成 Common.ts 文件：

typescript 复制代码 
export default {
  key0: '确定',
  key1: '取消',
  key2: '保存'
};

第三步：autoGenerateLocaleModules（生成模块化语言包）

根据提取结果生成模块化的语言包文件：

bash 复制代码 
npx fe-js-utils autoGenerateLocaleModules

会生成如下文件结构：

bash 复制代码 
locales/
├── Common.ts          # 公共语言包
├── UserList.ts        # 用户模块语言包
├── AlarmList.ts       # 报警模块语言包
└── index.ts           # 导出索引文件

第四步：findModuleInCommonLocaleValues（可选，分析重复项）

检查各模块语言包与公共语言包的重复情况：

bash 复制代码 
npx fe-js-utils findModuleInCommonLocaleValues

输出示例：

less 复制代码 
UserList 中在 Common 中出现过的值:
[  "保存",  "取消"]

第五步：autoReplaceChinese（替换源码中的中文）

最后一步，自动替换源码中的硬编码中文：

bash 复制代码 
npx fe-js-utils autoReplaceChinese

替换前：

vue 复制代码 
<template>
  <el-button @click="save">保存</el-button>
</template>

替换后：

vue 复制代码 
<template>
  <el-button @click="save">{{ localLang('key0') }}</el-button>
</template>

配置建议

为了确保工具链正常工作，建议在 fe-js-utils.config.ts 中进行如下配置：

ts 复制代码 
module.exports = {
  extractChinese: {
    targetDir: './src',
    outputFile: './extract-chinese-results.js',
    extFiles: ['.js', '.ts', '.vue']
  },

  extractCommonLocaleValues: {
    outputFile: './src/locales/zh_CN/Common.ts'
  },

  autoGenerateLocaleModules: {
    outputDir: './src/locales/zh_CN',
    runExtractFirst: true, // 自动先执行extractChinese
    autoExtractCommonLocale: true // 自动执行extractCommonLocaleValues
  },

  findModuleInCommonLocaleValues: {
    localeDir: './src/locales/zh_CN',
    commonLocaleModule: 'Common',
    localModules: ['UserList', 'AlarmList']
  },

  autoReplaceChinese: {
    localeDir: './src/locales/zh_CN',
    commonLocaleModule: 'Common',
    localModules: ['UserList', 'AlarmList']
  }
};
相关推荐
超级大只老咪8 小时前
HTML学习路线
前端·学习·html
゜ eVer ㄨ8 小时前
React学习第三天——生命周期
前端·学习·react.js
en-route8 小时前
从零开始学神经网络——GRU（门控循环单元）
人工智能·深度学习·gru
摆烂且佛系8 小时前
CSS元素的总宽度计算规则
前端·css
对岸住着星星8 小时前
vue3+ts实现拖拽缩放，全屏
前端·javascript
说私域8 小时前
基于开源AI大模型AI智能名片S2B2C商城小程序的产地优势产品营销策略研究
人工智能·小程序·开源
说私域8 小时前
蒸汽机革命后工业生产方式的变革与AI智能名片S2B2C商城小程序的影响
大数据·人工智能·小程序
aesthetician8 小时前
@tanstack/react-query：React 服务器状态管理与数据同步解决方案
服务器·前端·react.js
MongoVIP8 小时前
AI提示词应用
人工智能·职场和发展·简历优化·简历制作
深圳UMI9 小时前
AI笔记在学习与工作中的高效运用
大数据·人工智能
热门推荐
01UV 工具安装与国内镜像源配置指南02GitHub 镜像站点03Multisim使用教程详尽版--(2025最新版)04UV安装并设置国内源05KGG转MP3工具|非KGM文件|解密音频0646个Nano-banana 精选提示词，持续更新中07Spec-Kit 使用指南08VsCode远程Copilot无法使用Claude Agent问题09jdk21下载、安装（Windows、Linux、macOS）10阿里最新开源Wan2.2-Animate-14B 本地部署教程：统一双模态框架，MoE架构赋能电影级角色动画与替换