在 Visual Studio Code 中运用 CodeFuse
Visual Studio Code作为一款广受程序员欢迎的代码编辑器,在前端开发和各类脚本语言开发中占据干流位置,CodeFuse智能研发助手就专门为VS Code研发了插件,只要装置插件就能够运用CodeFuse供给的各种功用,下面我们看看如安在VS Code中运用CodeFuse插件呢?

CodeFuse官网:codefuse.alipay.com/

CodeFuse 现在支撑在 10 款 IDE 中装置,包含支付宝小程序云云端研发、Visual Studio Code(下文简称为 VS Code),以及JetBrains 系列的 8 款 IDE,分别是 IntelliJ IDEA、PyCharm、WebStorm、GoLand、CLion、DataGrip、PhpStorm 和 RubyMine。本文将介绍如安在本地 VS Code 中装置和运用 CodeFuse 插件。

阐明:现在仅支撑在VS Code 1.75.0以上的版别中装置 CodeFuse 插件。

前提条件

装置 CodeFuse 插件之前,您需求下载并装置Visual Studio Code

装置插件

现在 CodeFuse 插件在 VS Code 中仅支撑下载插件装置包进行装置。完结装置后,您需求完结登录并经过请求才干运用插件。装置插件的过程如下。

阐明:现在官网供给下载的 CodeFuse 插件装置包为 Beta 版,正式版敬请期待。

  1. CodeFuse 官网,下载 Visual Studio Code 插件装置包。
    在 Visual Studio Code 中运用 CodeFuse
  2. 打开 VS Code,在编辑器左边导航栏,单击图标,再单击图标,挑选 Install from VSIX…
    在 Visual Studio Code 中运用 CodeFuse
  3. 选中下载的CodeFuse-x.x.x.vsix文件,单击 Install
    在 Visual Studio Code 中运用 CodeFuse
  4. 在 IDE 的左边导航栏,单击图标进入插件面板。
  5. 在插件面板,单击登录
    在 Visual Studio Code 中运用 CodeFuse
  6. 在弹窗中,单击 Open,然后运用支付宝登录CodeFuse 官网并请求试用。
    在 Visual Studio Code 中运用 CodeFuse

    您能够从以下的两个请求进口中挑选一个进行请求。
    • 请求进口一:在 CodeFuse 官网首页请求试用。
      在 Visual Studio Code 中运用 CodeFuse
    • 请求进口二:在插件面板请求体会。
      在 Visual Studio Code 中运用 CodeFuse
  1. 请求试用弹窗中,填写请求理由、阅览并勾选用户服务协议和隐私协议,单击提交请求。**
    **
    在 Visual Studio Code 中运用 CodeFuse
  2. 请求通往后,检查插件面板,如下图左边所示即可开始运用。
    在 Visual Studio Code 中运用 CodeFuse

运用插件

CodeFuse 插件支撑以下两种运用形式,对应形式支撑的操作如下。

运用形式 支撑操作
IDE 代码编辑区 – 键入注释文本并回车补全代码
鼠标右键 – 选中代码后,单击鼠标右键挑选增加注释
  • 选中代码后,单击鼠标右键挑选解说代码
  • 选中代码后,单击鼠标右键挑选生成单测
  • 选中代码后,单击鼠标右键挑选代码优化 |

CodeFuse 插件能够为多种编程语言和各种框架供给代码主张,其在 Python 和 Java 中表现尤为突出。接下来,我们将以 Java 为例,在 VS Code 中演示如何运用该插件。

代码补全

代码补全功用根据海量数据供给实时地代码补全服务,包含行内补全(单行补全)和片段补全(多行补全)。现在该功用支撑 Java、Python、TypeScript、JavaScript、Go 等 5 种干流编程语言的多行和单行代码补全,以及其他 40 种编程语言的单行代码补全。

现在 CodeFuse 支撑主动代码补全和手动代码补全两种触发方法。封闭主动代码补全后,您依然能够运用方便键(Alt/Option )手动触发代码补全。代码补全功用还支撑切换多个补全成果,现在最多支撑切换 2 个成果。您能够经过以下方便键来切换补全成果。

Windows 按键 Mac 按键 阐明
Alt``] Option``] 显现下一个补全成果。
Alt``[ Option``[ 显现上一个补全成果。

单行代码补全

  1. 在 IDE 编辑器中创立一个 Java 文件。
  2. 在 Java 文件中,CodeFuse 将能够根据代码上下文,为您键入的内容给出补全提示。例如在以下示例代码的arr[i] = arr[j];后面按下回车键,插件将给出代码补全提示。
public class BubbleSort {
    public static void bubbleSort(int[] arr) {
        for (int i = 0; i < arr.length - 1; i  ) {
            for (int j = 0; j < arr.length - 1 - i; j  ) {
                if (arr[j] > arr[j   1]) {
                    swap(arr, j, j   1);
                }
            }
        }
    }
    private static void swap(int[] arr, int i, int j) {
        int temp = arr[i];
        arr[i] = arr[j];  ## 在此处按下回车触发补全,也可运用方便键(Alt/Option   )主动触发补全
    }
}
  1. 如需承受代码补全主张,请按Tab键。
    在 Visual Studio Code 中运用 CodeFuse

多行代码补全

  1. 插件还支撑输入注释文本完结多行代码补全。例如键入以下注释内容并按下回车键。CodeFuse 会根据注释内容主动生成多行代码,生成的代码以灰色文本展现。
/*
* 判断字符串是否为英文
*/
  1. 如需承受代码补全主张,请按Tab键。
    在 Visual Studio Code 中运用 CodeFuse

    键入内容并按下回车键后,您能够在编辑器右下角看到内容生成的状态。
    • 内容正在生成中,将展现一个转圈的动效和running提示。
    • 内容成功生成后,体系将展现 CodeFuse 图标。
      在 Visual Studio Code 中运用 CodeFuse

封闭主动代码补全

主动代码补全功用默许开启,支撑在插件面板的设置中封闭此功用,以制止主动触发单行或多行代码补全。

  • 单行代码补全:例如在编辑器中键入一个函数名称并按下回车键。
  • 多行代码补全:例如在编辑器中键入一段注释文本并按下回车键。
    在 Visual Studio Code 中运用 CodeFuse

阐明:封闭主动触发代码补全后,您依然能够运用*Alt/Option *方便键手动触发代码补全。

解说代码

  1. 在 IDE 编辑器中创立一个 Java 文件。
  2. 在 Java 文件内选中需求解说的代码片段。
  3. 单击鼠标右键,挑选CodeFuse:解说代码,插件将在左边的对话窗口中生成代码解说。
    在 Visual Studio Code 中运用 CodeFuse

增加注释

阐明:现在模型的生成注释功用对整个函数等级的支撑较为完善,因而引荐您优先针对函数等级生成注释。

  1. 在 IDE 编辑器中创立一个 Java 文件。
  2. 在 Java 文件内选中需求增加注释的代码片段。
  3. 单击鼠标右键,挑选CodeFuse:增加注释,将在所选代码上主动生成注释。
    在 Visual Studio Code 中运用 CodeFuse

    在 Visual Studio Code 中运用 CodeFuse

生成单测

  1. 在 IDE 编辑器中创立一个 Java 文件。
  2. 在 Java 文件内选中需求生成单测的代码片段。例如为以下代码片段生成单测:
public class Conversion {
    public static byte binaryToByte(final boolean[] src, final int srcPos, final byte dstInit, final int dstPos,
            final int nBools) {
        if (src.length == 0 && srcPos == 0 || 0 == nBools) {
            return dstInit;
        }
        if (nBools - 1   dstPos >= 8) {
            throw new IllegalArgumentException("nBools-1 dstPos is greater or equal to than 8");
        }
        byte out = dstInit;
        for (int i = 0; i < nBools; i  ) {
            final int shift = i   dstPos;
            final int bits = (src[i   srcPos] ? 1 : 0) << shift;
            final int mask = 0x1 << shift;
            out = (byte) ((out & ~mask) | bits);
        }
        return out;
    }
}
  1. 单击鼠标右键,挑选CodeFuse:生成单测,插件将在左边的对话窗口中为选中的代码生成测试用例
    在 Visual Studio Code 中运用 CodeFuse

代码优化

根据大模型的代码理解才能和静态源码剖析才能,CodeFuse 支撑对选定的代码片段进行剖析理解,提出优化和改善主张,还能直接根据改善主张构成代码补丁,以协助您写出更好的代码。运用代码优化的过程如下。

  1. 在 IDE 编辑器中创立一个 Java 文件,编写并选中一段需求优化的代码。
  2. 单击鼠标右键,挑选CodeFuse:代码优化,将在插件面板供给多个代码优化主张。
    在 Visual Studio Code 中运用 CodeFuse
  3. 单击依照以上主张优化选中的代码,生成优化后的代码。
    在 Visual Studio Code 中运用 CodeFuse
  4. 鼠标放置在生成的代码上,单击检查代码改变 Diff。
    在 Visual Studio Code 中运用 CodeFuse
  5. 在重构预览界面,勾选并单击改变内容(图示 ①),然后单击Apply(图示 ②)即可替换代码。若单击Discard,将退出代码 Diff 界面并抛弃本次改变。
    在 Visual Studio Code 中运用 CodeFuse

方便方法

方便键

Windows 按键 Mac 按键 阐明
Tab Tab 采纳代码主张。在编辑器中按下 Tab 键,即可运用插件生成的代码;按下左上角的 Esc 键则不承受代码主张。
`Alt“` `Option“` 主动触发代码补全。在编辑器中按下此方便键,可在光标处手动触发代码补全。阐明:封闭主动触发代码补全后,依然能够运用此方便键触发补全。
Alt``] Option``] 显现下一个补全成果。
Alt``[ Option``[ 显现上一个补全成果。

阐明:CodeFuse 支撑自定义方便键。若遇到方便键冲突,可按以下过程修正方便键。

  1. 在 CodeFuse 面板的方便键区域,单击去设置
    在 Visual Studio Code 中运用 CodeFuse
  2. 在方便键页面的查找框,输入 CodeFuse查找方便键,然后选中方便键,单击进行编辑。
    在 Visual Studio Code 中运用 CodeFuse

方便操作

方便方法 阐明
清空会话协助文档跳转网页
在 Visual Studio Code 中运用 CodeFuse
在插件面板右上角,您能够有以下操作:- 单击将一键清空当前会话下的所有内容。
  • 单击可检查协助文档。
  • 单击将前往 CodeFuse 官网。 | | 鼠标右键 | 选中代码片段,单击鼠标右键,可挑选增加注释、解说代码、生成单测,以及代码优化。
    在 Visual Studio Code 中运用 CodeFuse
    | | 快速复制、粘贴和打开代码 |
    在 Visual Studio Code 中运用 CodeFuse
    在插件面板,将鼠标放置在生成的内容右下角,您能够履行以下操作:- 单击,将选中的代码替换为生成的代码。具体操作过程请参见优化代码
  • 单击,一键将代码粘贴到编辑器中的光标处。
  • 单击,一键复制代码。
  • 单击,一键打开代码,便于您阅览完整的代码。 | | 方便指令 | 插件面板底部支撑运用以下两个方便指令。- /Explain:解说选中的代码。
  • /Test:为选中的代码生成测试用例。方便指令的运用过程如下:在编辑器内,选中一段代码,单击/Explain/Test发送内容。 |

反应代码质量

您能够对 CodeFuse 所生成的内容进行点评,支撑点赞和点踩操作。

在 Visual Studio Code 中运用 CodeFuse

  • :CodeFuse 生成的代码契合期望、生成的代码可直接运用等状况,您能够点赞点评。
  • :CodeFuse 生成的代码有显着漏洞或给出过错的回复等状况、您能够点踩反应,以协助我们持续优化模型的回复质量。