Usando CodeFuse en Visual Studio Code

Desde datos hasta aplicaciones de modelos grandes, el 25 de noviembre se celebró la Conferencia Hangzhou Yuanchuang para compartir consejos de desarrollo.

Como editor de código muy popular entre los programadores, Visual Studio Code ocupa una posición importante en el desarrollo front-end y en el desarrollo de varios lenguajes de script. CodeFuse Intelligent R&D Assistant ha desarrollado especialmente un complemento para VS Code. Puede utilizar CodeFuse siempre que el El complemento está instalado Se proporcionan varias funciones, echemos un vistazo a cómo usar el complemento CodeFuse en VS Code.

Sitio web oficial de CodeFuse : https://codefuse.alipay.com/

CodeFuse actualmente admite la instalación en 10 IDE, incluido Alipay Mini Program Cloud Development , Visual Studio Code (en adelante, VS Code) y 8 IDE de la serie JetBrains Este artículo presentará cómo instalar y usar el complemento CodeFuse en VS Code local.

Nota : Actualmente, el complemento CodeFuse solo es compatible con VS Code 1.75.0 o superior.

Requisitos previos

Antes de instalar el complemento CodeFuse, debe descargar e instalar Visual Studio Code .

Instalar complemento

Actualmente, el complemento CodeFuse en VS Code solo admite la descarga del paquete de instalación del complemento para la instalación. Después de completar la instalación, debe completar el inicio de sesión y pasar la aplicación para usar el complemento. Los pasos para instalar el complemento son los siguientes.

Nota : El paquete de instalación del complemento CodeFuse actualmente disponible para descargar desde el sitio web oficial es una versión Beta, así que estad atentos a la versión oficial.

En el sitio web oficial de CodeFuse , descargue el paquete de instalación del complemento Visual Studio Code.
Abra VS Code, haga clic en el ícono en la barra de navegación izquierda del editor, haga clic en el ícono nuevamente y seleccione Instalar desde VSIX… .
Seleccione el archivo CodeFuse-xxxvsix descargado y haga clic en Instalar .
En la barra de navegación izquierda del IDE, haga clic en el icono para ingresar al panel de complementos.
En el panel Complementos, haga clic en Iniciar sesión .
En la ventana emergente, haga clic en Abrir y luego use Alipay para iniciar sesión en el sitio web oficial de CodeFuse y solicitar una prueba.

Puede elegir uno de los dos portales de solicitud a continuación para presentar su solicitud.

- Entrada de la aplicación uno: solicite la prueba en la página de inicio del sitio web oficial de CodeFuse.
- Entrada de la aplicación dos: solicite experiencia en el panel de complementos.

En la ventana emergente de la solicitud de prueba, complete el motivo de la solicitud, lea y verifique el Acuerdo de servicio de usuario y el Acuerdo de privacidad, y haga clic en Enviar solicitud .
Una vez aprobada la solicitud, verifique el panel de complementos como se muestra en el lado izquierdo de la imagen a continuación para comenzar a usarlo.

Usar complementos

El complemento CodeFuse admite los dos modos de uso siguientes y las operaciones admitidas por los modos correspondientes son las siguientes.

patrón de uso	Operaciones de apoyo
Área de edición de código IDE	Escriba el texto del comentario y presione Enter para completar el código.
botón derecho del ratón	Después de seleccionar el código, haga clic derecho y seleccione Agregar comentario Después de seleccionar el código, haga clic derecho y seleccione Explicar código Después de seleccionar el código, haga clic derecho y seleccione Generar prueba única Después de seleccionar el código, haga clic derecho y seleccione Optimización de código.

El complemento CodeFuse puede proporcionar sugerencias de código para múltiples lenguajes de programación y varios marcos, y su rendimiento es particularmente sobresaliente en Python y Java. A continuación, usaremos Java como ejemplo para demostrar cómo usar el complemento en VS Code.

finalización del código

La función de finalización de código proporciona servicios de finalización de código en tiempo real basados en datos masivos, incluida la finalización en línea (completación de una sola línea) y la finalización de fragmentos (completación de varias líneas). Actualmente, esta función admite la finalización de código de una sola línea y varias líneas en cinco lenguajes de programación principales, incluidos Java, Python, TypeScript, JavaScript y Go, así como la finalización de código de una sola línea en otros 40 lenguajes de programación.

Actualmente, CodeFuse admite dos métodos de activación: finalización automática de código y finalización manual de código. Después de desactivar la finalización automática de código, aún puedes activar la finalización de código manualmente usando la tecla de acceso directo (Alt/Opción + \). La función de finalización de código también admite el cambio de múltiples resultados de finalización. Actualmente, admite el cambio de hasta 2 resultados. Puede utilizar las siguientes teclas de método abreviado para cambiar los resultados de finalización.

clave de Windows	Teclas de Mac	ilustrar
`Alt]`	`Option]`	Muestra el siguiente resultado de finalización.
`Alt[`	`Option[`	Muestra el resultado de finalización anterior .

Completar código de una sola línea

Cree un archivo Java en el editor IDE.
En archivos Java, CodeFuse podrá proporcionar sugerencias para completar lo que escriba según el contexto del código. Por ejemplo, si presiona la tecla Intro después del siguiente código de muestra , el complemento le solicitará que complete el código.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 + \）主动触发补全

    }
}

Para aceptar sugerencias de finalización de código, presione Tab el botón .

Finalización de código de varias líneas

El complemento también admite la introducción de texto de comentario para completar el código de varias líneas. Por ejemplo, escriba el siguiente contenido del comentario y presione la tecla Intro. CodeFuse generará automáticamente varias líneas de código según el contenido del comentario y el código generado se mostrará en texto gris.

/* 
* 判断字符串是否为英文
*/

Para aceptar sugerencias de finalización de código, presione Tab el botón .

Después de escribir y presionar la tecla Enter, podrá ver el estado de generación de contenido en la esquina inferior derecha del editor.

- El contenido se está generando y se mostrará una animación circular y un mensaje de ejecución .
- Una vez que el contenido se haya generado correctamente, el sistema mostrará el icono de CodeFuse.

Desactivar la finalización automática de código

La función de finalización automática de código está habilitada de forma predeterminada. Puede desactivar esta función en la configuración del panel del complemento para evitar la activación automática de la finalización de código de una o varias líneas.

Finalización de código de una sola línea: por ejemplo, escriba el nombre de una función en el editor y presione la tecla Intro.
Finalización de código de varias líneas: por ejemplo, escriba el texto de un comentario en el editor y presione la tecla Intro.

Nota : Después de desactivar la activación automática de la finalización del código, aún puede usar las teclas Alt/Opción + \ para activar la finalización del código manualmente.

explicar el código

Cree un archivo Java en el editor IDE.
Seleccione el fragmento de código que debe interpretarse en el archivo Java.
Haga clic con el botón derecho del mouse y seleccione CodeFuse: Explicar código y el complemento generará una explicación del código en la ventana de diálogo de la izquierda.

agregar notas

Nota : Actualmente, la función de generación de anotaciones del modelo tiene un soporte relativamente completo para todo el nivel de función, por lo que se recomienda dar prioridad a la generación de anotaciones en el nivel de función.

Cree un archivo Java en el editor IDE.
Seleccione el fragmento de código que debe comentarse en el archivo Java.
Haga clic con el botón derecho del mouse y seleccione CodeFuse: Agregar comentario , que generará automáticamente comentarios sobre el código seleccionado.

Generar prueba única

Cree un archivo Java en el editor IDE.
Seleccione el fragmento de código que necesita generar una prueba unitaria en el archivo Java. Por ejemplo, genere una prueba única para el siguiente fragmento de código:

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;
    }
}

Haga clic con el botón derecho del mouse y seleccione CodeFuse: Generar prueba única . El complemento generará casos de prueba para el código seleccionado en la ventana de diálogo de la izquierda.

Optimización de código

Basado en capacidades de comprensión de código de modelo grande y capacidades de análisis de código fuente estático, CodeFuse admite el análisis y la comprensión de fragmentos de código seleccionados, presenta sugerencias de optimización y mejora, y también puede formar directamente parches de código basados en sugerencias de mejora para ayudarlo a escribir un mejor código. Los pasos para utilizar la optimización del código son los siguientes.

Cree un archivo Java en el editor IDE, escriba y seleccione un fragmento de código que deba optimizarse.
Haga clic con el botón derecho del mouse y seleccione CodeFuse: Optimización de código . Se proporcionarán múltiples sugerencias de optimización de código en el panel del complemento.
Haga clic en Optimizar el código seleccionado de acuerdo con las sugerencias anteriores para generar código optimizado.
Coloque el mouse sobre el código generado y haga clic para ver la diferencia de cambio de código.
En la interfaz de vista previa de refactorización, verifique y haga clic en el contenido modificado (Imagen ①) y luego haga clic en Aplicar (Imagen ②) para reemplazar el código. Si hace clic en Descartar , saldrá de la interfaz de código Diff y abandonará este cambio.

Un atajo

tecla de acceso directo

clave de Windows	Teclas de Mac	ilustrar
`Tab`	`Tab`	Tenga en cuenta las sugerencias de codificación . Presione la tecla Tab en el editor para usar el código generado por el complemento; presione la tecla Esc en la esquina superior izquierda para no aceptar sugerencias de código.
`Alt\`	`Option\`	Activar activamente la finalización del código . Presione esta tecla de acceso directo en el editor para activar manualmente la finalización del código en el cursor. Nota : Después de desactivar la finalización automática del código de activación, aún puede usar esta tecla de acceso directo para activar la finalización.
`Alt]`	`Option]`	Muestra el siguiente resultado de finalización.
`Alt[`	`Option[`	Muestra el resultado de finalización anterior .

Nota : CodeFuse admite teclas de acceso directo personalizadas. Si encuentra un conflicto con las teclas de acceso directo, puede seguir los pasos a continuación para modificar las teclas de acceso directo.

En el área de acceso directo del panel CodeFuse, haga clic en Ir a Configuración .
En el cuadro de búsqueda en la página de teclas de acceso directo, ingrese CodeFuse para buscar teclas de acceso directo, luego seleccione la tecla de acceso directo y haga clic para editar.

Operación rápida

Un atajo	ilustrar
sesión clara Documentación de ayuda Saltar a la página web	En la esquina superior derecha del panel de complementos, puede hacer lo siguiente: Haga clic para borrar todo el contenido de la sesión actual con un solo clic. Haga clic para ver la documentación de ayuda. Haga clic para ir al sitio web oficial de CodeFuse.
botón derecho del ratón	Seleccione el fragmento de código y haga clic derecho para elegir agregar comentarios, explicar el código, generar pruebas unitarias y optimizar el código.
Copie, pegue y expanda código rápidamente	En el panel del complemento, coloque el mouse en la esquina inferior derecha del contenido generado y podrá realizar las siguientes operaciones: Haga clic para reemplazar el código seleccionado con el código generado. Para conocer pasos específicos, consulte Optimización de código . Haga clic para pegar el código en el cursor en el editor con un solo clic. Haga clic para copiar el código con un clic. Haz clic para expandir el código con un clic para que puedas leer el código completo.
comando de acceso directo	Los siguientes dos comandos de acceso directo se admiten en la parte inferior del panel del complemento. `/Explain`:Explique el código seleccionado. `/Test`: Genera casos de prueba para el código seleccionado. Los pasos para usar comandos de acceso directo son los siguientes: En el editor, seleccione un fragmento de código y haga clic `/Explain` o `/Test` envíe el contenido.

Comentarios sobre la calidad del código

Puede calificar el contenido generado por CodeFuse y admitir operaciones de me gusta y no me gusta.

Me gusta : si el código generado por CodeFuse cumple con las expectativas y el código generado se puede usar directamente, puede darle me gusta y comentar.
No me gusta : si el código generado por CodeFuse tiene lagunas obvias o da respuestas incorrectas, puede hacer clic en No me gusta para recibir comentarios que nos ayuden a continuar optimizando la calidad de respuesta del modelo.