Empiece a realizar un seguimiento de su progreso
Inicio de Trailhead
Inicio de Trailhead

Utilizar Visual Studio Code para el desarrollo de Salesforce

En este paso, exploraremos algunas de las características más avanzadas de Visual Studio Code, como, por ejemplo, cómo utilizar el terminal integrado y Salesforce Extension Pack que se acaba de instalar.

Terminal frente a la paleta de comandos

Como toda buena herramienta de desarrollo, Visual Studio Code permite hacer las cosas de varias maneras distintas. Para interactuar con la CLI de Salesforce, puede utilizar el terminal integrado, o bien la ventana de apertura rápida.

Para ver la ventana de apertura rápida, pulse Comando + P en Mac o Ctrl + P en Windows. Ingrese ? para ver el menú de ayuda. Durante este módulo, utilizaremos la ventana de apertura rápida en modo de paleta de comandos, ya que nos permite mostrar y ejecutar comandos.

Vista de los comandos globales en la ventana de apertura rápida con el signo ? en el campo.

Crear un proyecto

  1. Pulse Comando + Mayús. + P en Mac o Ctrl + Mayús. + P en Windows para que aparezca la paleta de comandos.
  2. Asegúrese de que la nueva secuencia comience con el símbolo >
  3. Ingrese SFDX: Create Project
  4. Nota

    Nota

    La secuencia debería autocompletarse al ingresar cualquier parte del nombre del comando. Si no funciona, asegúrese de que la secuencia comience con > y de que Salesforce Extension Pack y la CLI de Salesforce se instalaron tal como se indica en el paso anterior de esta guía de inicio rápido.



  5. Pulse Entrar. A continuación, pulse Entrar de nuevo para seleccionar la plantilla estándar.
  6. Ingrese: VSCodeQuickstart.
  7. Seleccione su escritorio como ubicación para crear el proyecto. De este modo, le resultará más fácil encontrarlo más adelante.
  8. Espere a que se abra la nueva ventana de Visual Studio Code. Se mostrará un aviso para indicarle que la extensión está preparando su proyecto antes de rellenar el explorador de archivos.

Aviso de la extensión: Running SFDX: Create Project.

Buscar los archivos

  1. Pulse Comando + P en Mac o Ctrl + P en Windows para que aparezca la paleta de búsqueda. Esta acción cambiará el foco a la búsqueda de archivos.
  2. Ingrese project-scratch-def.json en el campo.
  3. Haga clic en el resultado para abrir el archivo.
  4. En la parte izquierda de Visual Studio Code, haga clic en la lupa Lupa.. Este es el menú Buscar y reemplazar.
  5. Busque orgName.
  6. Haga clic en el primer resultado que se encuentra en project-scratch-def.json.
  7. Cambie el valor orgName (después de los dos puntos : y entre las comillas “”) a Learning VS Code.
  8. Guarde el archivo. Para ello pulse Comando + S en Mac o Control + S en Windows.

Archivo project-scratch-def.json con el nuevo nombre de la organización.

Autenticarse en su Playground

  1. Pulse Comando + Mayús. + P en Mac o Ctrl + Mayús. + P en Windows para que aparezca la paleta de comandos.
  2. Ingrese SFDX: Authorize an Org.
  3. Para aceptar la URL de inicio de sesión predeterminada, pulse Entrar.
  4. Ingrese el alias VSCodePlayground.
  5. Tenga en cuenta que el navegador predeterminado abrirá una nueva ventana de inicio de sesión en Salesforce. Inicie sesión en su Playground con el nombre de usuario y la contraseña de Playground que recuperó con el paso anterior.
  6. Cuando se le pregunte si desea permitir el acceso a la aplicación conectada, haga clic para permitirlo. Página Permitir acceso de una aplicación con conexión global.
  7. Cierre la ventana del navegador.

Compruébelo usted mismo: la integración se registró en el panel de resultados.

Mensaje Successfully authorized USUARIO with org ID/You may now close the browser.

Crear una clase de Apex

  1. Haga clic en el icono del explorador Icono del explorador. en Visual Studio Code para ampliar la carpeta force-app.
  2. En el directorio VSCODEQUICKSTART, haga clic en force-app para mostrar la estructura de la carpeta. Se mostrará la carpeta main, a continuación, default y, por último, varias carpetas que se generaron, como, por ejemplo, applications, aura, classes, etc. Ampliación de la estructura de carpetas que muestra la carpeta de clases.
  3. Pulse Comando + Mayús. + P en Mac o Ctrl + Mayús. + P en Windows para que aparezca la paleta de comandos.
  4. Ingrese SFDX: Create Apex Class.
  5. Ingrese el nombre AccountController.
  6. Si VS Code lo solicita, seleccione force-app/main/default/classes como directorio al que desea agregar AccountController.cls.
  7. En el archivo AccountController.cls que acaba de abrir, reemplace el código predeterminado con lo siguiente:
  8. public with sharing class AccountController {
      public static List<Account> getAllActiveAccounts() {
        return [SELECT Id,Name,Active__c FROM Account WHERE Active__c = 'Yes'];
      }
    }
  9. Guarde el archivo.

Consulta

La nueva clase de Apex tiene una consulta SOQL, aunque hay que asegurarse de que funciona como es debido antes de implementarla en la organización. Por ello utilizaremos la paleta de comandos para ejecutar la consulta en nuestra organización.

  1. En la línea 3 del código, resalte la consulta SELECT Id,Name,Active__c FROM Account WHERE Active__c = 'Yes'
  2. Pulse Comando + Mayús. + P en Mac o Ctrl + Mayús. + P en Windows para que aparezca la paleta de comandos.
  3. Busque la cadena SFDX:Execute SOQL Query with Currently Selected Text.
  4. Pulse Entrar.
  5. Seleccione API REST y pulse Entrar.
  6. Nota

    Nota

    Al igual que con las demás acciones que se invocaron con el paquete de extensiones, VS Code necesita tiempo para devolver los resultados.



  7. En la ficha Resultados del terminal integrado, compruebe los resultados de su consulta. También debe haber recibido el aviso siguiente: SFDX: Execute SOQL Query ... ended with exit code 0. Esto significa que se ejecutó correctamente.

Ficha Resultado con los 10 registros que se recibieron desde su Trailhead Playground.

Implementar

El último paso consiste en implementar el código en su Playground desde Visual Studio Code.

  1. Haga clic con el botón derecho en la carpeta classes.
    Al hacer clic con el botón derecho sobre la carpeta classes, aparecerá resaltada la opción SFDX: Deploy Source to Org en la lista de opciones.
  2. Haga clic en SFDX: Deploy Source to Org.
  3. En la ficha Resultados del terminal integrado, compruebe los resultados de su implementación. También debe haber recibido el aviso siguiente: SFDX: Deploy Source to Org ... ended with exit code 0. Esto significa que se ejecutó correctamente.

Ficha Resultado que muestra los resultados con el código de salida 0 que indica que la operación se realizó correctamente.

Palabras de despedida

Ahora ya sabe cómo utilizar Visual Studio Code y Salesforce Extensions. También sabe cómo pueden las características de un IDE ayudarle a sacar el máximo partido a su implementación. Ya está preparado para explorar temas más complejos, como, por ejemplo, la depuración con Apex Replay Debugger, la personalización del editor según sus necesidades o la ejecución de canalizaciones de desarrollador con Visual Studio Code.