Instalar ferramentas de desenvolvimento

Objetivos de aprendizagem

Neste projeto, você vai:

• Instalar as ferramentas de desenvolvedor recomendadas para criar e trabalhar com componentes Web do Lightning.
  
• Criar um componente Web do Lightning.
  
• Corrigir erros em seu código usando as ferramentas de desenvolvedor fornecidas.
  
• Configurar um layout de registro para exibir seu componente Web do Lightning.
  

Nota

Deseja aprender em português (Brasil)? Comece o desafio em um Trailhead Playground de português (Brasil) e use as traduções fornecidas entre parênteses para navegar. Copie e cole somente os valores em inglês porque as validações dos desafios dependem de dados em inglês. Se você não passar no desafio em sua organização de português (Brasil), recomendamos que (1) mude o local para os Estados Unidos, (2) mude o idioma para inglês, seguindo as instruções aqui, e (3) clique novamente no botão “Validar o desafio”.

Consulte o emblema Trailhead no seu idioma para saber mais sobre como aproveitar a experiência de Trailhead em outros idiomas.

Você ouviu falar sobre esse novo modelo de programação chamado Componentes Web do Lightning e agora quer começar a criar seus próprios componentes Web. Primeiro, você precisa de algumas ferramentas. Assim como precisa de um martelo para fixar pregos em uma viga de madeira (a menos que tenha força descomunal e possa fazer isso sem um martelo), você precisará de ferramentas para codificar os componentes Web do Lightning. 

Embora seja realmente possível criar um componente Web do Lightning com qualquer editor de texto, você não terá o conforto e o suporte que um conjunto especializado de ferramentas oferece. Se você é um desenvolvedor experiente que quer incorporar componentes Web do Lightning a seus aplicativos, terá mais sucesso se incorporar algumas novas ferramentas à sua cadeia de ferramentas. E se você é novo no desenvolvimento de vendas e quer começar a criar componentes Web do Lightning, vai querer se familiarizar com a cadeia de ferramentas certa para trabalhar em projetos do Salesforce.

Como os componentes Web do Lightning são baseados em padrões da Web modernos, é lógico que as ferramentas associadas sejam criadas com base nas ferramentas atualmente populares entre os desenvolvedores da Web.

Criar um novo Trailhead Playground

Para este projeto, é preciso criar um novo Trailhead Playground. Role até o final desta página, clique no nome do Playground e, em seguida, clique em Create Playground (Criar Playground). Normalmente, leva de 3 a 4 minutos para criar um novo Trailhead Playground.

Nota: Sim, estamos falando de um Trailhead Playground totalmente novo! Se você estiver usando uma organização ou um playground existente, poderá ter problemas na hora de concluir as etapas deste projeto.

CLI do Salesforce

Assim como em muitas outras linguagens e modelos de programação, o Salesforce inclui uma interface de linha de comando (CLI). Se você já usou npm, Yarn, Gradle ou Maven, a CLI do Salesforce parecerá familiar para você, mas feita sob medida para as tarefas de desenvolvimento do Salesforce (e se esses acrônimos parecem sopa de alfabeto para você, tudo bem também.

A CLI do Salesforce permite que você interaja com seus ambientes do Salesforce de várias maneiras, como recuperar ou empurrar código ou interagir com os dados. A CLI é composta de vários plugins. Esses plugins fornecem funcionalidades específicas importantes. Por exemplo, o plugin plugin-org permite gerenciar organizações do Salesforce, tais como criar uma organização temporária.

Curiosidade: A CLI do Salesforce é 100% código aberto. Você pode ver todo código-fonte e até contribuir com novos recursos, se desejar. Consulte a página Status da Salesforce CLI para obter uma lista dos plugins incluídos e dos links para os respetivos repositórios. 

Instalação

Se você já tem a CLI do Salesforce instalada, pode pular esta etapa. Sigas as seguintes etapas ou consulte o Guia de configuração da Salesforce CLI para obter instruções completas de instalação.

1. Instale a CLI a partir de https://developer.salesforce.com/tools/salesforcecli.
   
2. Confirme se a CLI está corretamente instalada e na versão mais recente executando o comando a seguir na linha de comando: sf update (atualização sf)
   
3. Você deverá ver uma saída como: @salesforce/cli:Updating CLI… (@salesforce/cli:Atualizando a CLI…).
   

Você está pronto para usar a CLI do Salesforce! Fácil, não? Agora, vamos para a próxima ferramenta em sua caixa de ferramentas de novo desenvolvedor de componentes Web do Lightning, o IDE.

Visual Studio Code

O Visual Studio Code é o editor de código ideal para os desenvolvedores do Salesforce. Ele é gratuito, de código aberto e está disponível para Windows, Linux e macOS. O Visual Studio Code é um IDE bem estabelecido entre os desenvolvedores da Web. Agora também é um IDE eficaz para criar componentes Web do Lightning, e o Salesforce oferece extensões gratuitas para o Visual Studio Code que simplificam ainda mais sua experiência de desenvolvimento.

Siga estas instruções para instalar o Visual Studio Code. 

1. Baixe e instale a versão mais recente do Visual Studio Code para seu sistema operacional. Se você já tem o Visual Studio Code instalado, não é necessário reinstalá-lo.
   
2. Inicie o Visual Studio Code.
   
3. Clique em Extensions (Extensões) () na barra lateral.
   
4. Pesquise o Pacote de extensões do Salesforce e clique em Install (Instalar). Se você já o tem instalado, apenas clique no botão Reload (Recarregar).
   
    
   
   
5. Pressione Command+Shift+P no macOS ou Ctrl+Shift+P no Windows ou no Linux para mostrar a paleta de comandos. Na paleta de comandos, digite sfdx para exibir uma lista inicial de comandos disponíveis.
   

Concluído! Você instalou todas as ferramentas necessárias para desenvolver seu primeiro componente Web do Lightning.

Também fornecemos o Pacote de extensões do Salesforce. O pacote de extensões oferece ótimas ferramentas para desenvolver na plataforma do Lightning e inclui ferramentas para trabalhar com o Apex, com o Visualforce e até mesmo com um depurador de repetição. 

Ativar o Developer Hub

Para este projeto, você usa seu Trailhead Playground como Developer Hub e cria um componente Web do Lightning em uma organização temporária. Mas, primeiro, vamos explicar o que são um Developer Hub e uma organização temporária.

Uma organização temporária é um ambiente do Salesforce dedicado, configurável e de curto prazo que pode ser rapidamente gerado ao iniciar um novo projeto, uma nova ramificação de recursos ou um teste de recurso.

O Developer Hub (Dev Hub)  é a principal organização do Salesforce que você e sua equipe usam para criar e gerenciar suas organizações temporárias.

Depois que você ativar o Dev Hub em sua organização, não será possível desativá-lo.

1. Inicie seu Trailhead Playground.
   
2. Clique em Setup (Configuração) () e selecione Setup (Configuração).
   
3. Em Setup (Configuração), digite Dev Hub na caixa Quick Find (Busca rápida) e selecione Dev Hub.
   
4. Clique no comando deslizante para habilitar o Dev Hub.
   

Pronto. Você configurou seu Dev Hub com Componentes Web do Lightning habilitados e baixou, instalou e configurou as ferramentas necessárias. Na próxima etapa, você usará essas ferramentas para criar seu primeiro componente Web do Lightning.