Friday

开发提效工具，名字源自于漫威偶像《钢铁侠》的AI助手，全称是Female Replacement Intelligent Digital Assistant Youth（替代新生智能助手的女性）。借助LLM，提供日常的开发工具，旨在为开发提效。

功能清单

1. 编辑器上下文功能

编辑器中选中内容，右键功能

1. ts转schema

结合LLM以及自定义的.ts文件，将自然语言转化成schema代码。如下一个简单的演示：

interface ColumnItem {
  // 为title字段的驼峰翻译内容
  dataIndex: string | number;
  // 同 dataIndex
  key: string | number;
  // 中文内容
  title: string;
  width?: number;
}

export type Columns = {
  items: ColumnItem[]
};

自然语言处理后的代码：

{
  "items": [
    {
      "dataIndex": "苹果",
      "key": "苹果",
      "title": "苹果"
    },
    {
      "dataIndex": "香蕉",
      "key": "香蕉",
      "title": "香蕉"
    },
    {
      "dataIndex": "梨",
      "key": "梨",
      "title": "梨",
      "width": 50
    }
  ]
}

处理过程

2. 驼峰翻译

通过通义千问大模型为变量/函数命名提供驼峰命名法转换可以使用快捷键或右键菜单，将选中的文本转换为驼峰命名法。
win: ctrl+alt+shift+t
mac: command+option+shift+t

3. 生成代码

注意：因为是通过通义千问大模型生成的，所以数据量大的情况下，需要等待较长时间，生成的代码可能存在错误，请自行核对。
依据选择的内容/输入的中文内容，翻译后输出代码片段。为了更好的代码提示，请使用TS对变量设定类型，如实现antdTable-columns：const columns: ColumnsType<DataType> = [苹果，香蕉，梨];。

亮点：
- 包含了代码片段的功能，通过 TAB 键可以在代码之间快速切换，自定义部分配置代码。
- DataType可以先不定义，生成代码后会在剪切板中生成，直接粘贴自定义即可。

1. antd-Table-columns

将中文内容格式如：const columns: ColumnsType<DataType> = [苹果，香蕉，梨,橘子]（为了便于快速开发，逗号可以是中文）驼峰翻译后，转换成如下格式的代码：

[
  {
    title: "苹果",
    key: "apple",
    dataIndex: "apple"
  },
  {
    title: "香蕉",
    key: "banana",
    dataIndex: "banana"
  },
  {
    title: "梨",
    key: "pear",
    dataIndex: "pear"
  },
  {
    title: "橘子",
    key: "orange",
    dataIndex: "orange"
  }
]

剪切板内容：

interface DataType {
  apple: 'string';
  banana: 'string';
  pear: 'string';
  orange: 'string';
}

2. antd-form-formItemConfig（搭配form-config使用）

将中文内容如：苹果，香蕉，梨，橘子（中英文逗号分割都可以），有两种实现方式：

可以选中文本后运行命令，选择模板，输出结果
选择模板，手动输入中文内容，输出结果

驼峰翻译后，输出代码：

[
  {
    label: '苹果',
    name: 'apple', 
    type: 'input',
  },
  {
    label: '香蕉',
    name: 'banana', 
    type: 'input',
  },
  {
    label: '梨',
    name: 'pear', 
    type: 'input',
  }
]

4. 生成TS类型

选中一段代码后生成TS类型

5. 驼峰转大写常量/大写常量转驼峰

用于变量/常量的切换:
win: ctrl+k f
mac:cmd+k cmd+shift+f

4. 资源管理器上下文功能

1. 选中模板初始化组件/页面

在资源管理器中，右键点击目录->Create File By Friday->创建页面/组件，选择模板，输入文件名，即可自动生成文件。
目前内置的模板有：

React组件
umi脚手架构建的页面级组件
Antd-Modal组件生成页面生成组件

friday-utils

seven-friday