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

Primeros pasos con Visual Studio Code

Objetivos de aprendizaje

En este proyecto:

  • Aprenderá acerca del concepto de entorno de desarrollo integrado (IDE).
  • Aprenderá a desarrollar código de Salesforce localmente.
  • Utilizará Salesforce Extensions para Visual Studio Code y la CLI de Salesforce para comunicarse con su organización.

Introducción

Como desarrollador, es importante disponer de las mejores herramientas para realizar el trabajo. En el pasado, Salesforce ofreció muchas herramientas y cada una de ellas proporcionaba algo que faltaba en otras del mercado. Esta guía de inicio rápido le ayudará a familiarizarse en el próximo paso hacia nuestras increíbles herramientas para desarrolladores: Salesforce Extensions con Visual Studio Code.

Pero primero, ¿qué es un IDE?

Un IDE, o entorno de desarrollo integrado, se compone de un editor de código, herramientas de automatización de creación, un depurador y una finalización de código inteligente. Visual Studio Code ofrece todos estos componentes.

Instalación de Visual Studio Code

Puede instalar Visual Studio Code en cualquier computadora que utilice macOS, Windows o Linux. Los requisitos del sistema son relativamente asequibles, por lo que puede ejecutarse en cualquier computadora.

  1. Descargue e instale la versión más reciente de Visual Studio Code para su sistema operativo. Si ya instaló Visual Studio Code, no es necesario volver a instalarlo.
  2. Inicie Visual Studio Code.

Familiarizarse con la interfaz

Página de bienvenida de Visual Studio Code.

La página de bienvenida de Visual Studio Code se abrirá automáticamente la primera vez que ejecute la aplicación. Esta página ofrece numerosos vínculos de acceso directo que permiten comenzar a trabajar con nuevos archivos, aprender acerca de Visual Studio Code o incluso personalizar la interfaz en función de sus preferencias. 

  1. En Información, haga clic en Descripción general de la interfaz para abrir una descripción visual de las distintas características de Visual Studio Code. La superposición Descripción general de la interfaz destaca elementos clave de navegación en el IDE de VS.Esta superposición le permite visualizar todo lo que es capaz de hacer Visual Studio Code. La barra inferior muestra las notificaciones, las advertencias y los errores actuales. También permite cambiar al terminal integrado.
    En la parte izquierda del editor podrá utilizar el explorador de archivos, buscar archivos, gestionar su código fuente, iniciar o depurar su código y gestionar extensiones. (En un futuro, también se instalarán varias extensiones para ayudar con el desarrollo.) Por último, también hay un menú que permite ejecutar comandos en el editor. Esta es otra sección que exploraremos muy pronto.
  2. Haga clic en cualquier punto de la pantalla para descartar la superposición visual.
  3. En Iniciar, haga clic en Nuevo archivo.
  4. En este espacio podemos comenzar a escribir. Agregue el texto Hello World en la línea 1. Documento sin título con Hello World en la primera línea de código.
  5. Cierre el archivo sin guardar.
Nota

Nota

Puesto que aún no guardó el código, Visual Studio Code no destaca nada.

No comprobamos ninguna parte de su configuración. Haga clic en Verificar paso para ir al siguiente paso en el proyecto.