Criar um componente Web do Lightning Hello World

Objetivos de aprendizagem

Neste projeto, você vai:

Instalar a CLI do Salesforce.
Instalar o Visual Studio Code e as extensões para Salesforce DX.
Criar e implantar um componente Web do Lightning.

Nota

Deseja aprender em português (Brasil)? Nesse emblema, as validações dos desafios práticos do Trailhead funcionam em inglês. As traduções são fornecidas entre parênteses como referência No Trailhead Playground, (1) mude a localidade para Estados Unidos, (2) mude o idioma para inglês e (3) copie e cole apenas os valores em inglês. Siga as instruções aqui.

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

Introdução

Os componentes Web do Lightning são um novo modelo de programação para criar componentes do Lightning. Ele usa avanços de padrões da Web, pode coexistir e interoperar com o modelo de programação Aura e oferece desempenho sem igual. Para criar e desenvolver componentes Web do Lightning e usar seus recursos e benefícios de desempenho avançados, você precisará configurar o Salesforce DX. Para esse início rápido, você também usará o Visual Studio Code, que é o editor de código recomendado para o desenvolvimento na Salesforce Platform. Quando seu ambiente de desenvolvedor estiver pronto, você aprenderá a escrever um componente Web do Lightning simples e adicioná-lo a uma página no Lightning Experience.

O Salesforce Developer Experience (DX) é um conjunto de ferramentas que simplifica todo o ciclo de vida de desenvolvimento. Ele melhora o desenvolvimento e a colaboração em equipe, facilita o teste automatizado e a integração contínua, tornando o ciclo de lançamento mais eficiente e ágil.

Acompanhar com o Trail Together

Deseja acompanhar um especialista enquanto trabalha nesta etapa? Veja este vídeo que faz parte da série Trail Together no Trailhead Live. Na seção Recursos, há um link para acessar a seção completa.

Configurar seu Trailhead Playground

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.

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 os desafios.

Obter seu nome de usuário e senha do Trailhead Playground

Redefina sua senha. Você precisa de seu nome de usuário e senha para autenticar seu Trailhead Playground com a CLI da Salesforce em uma etapa posterior.

Se você vir uma guia na sua organização com o rótulo Obter suas credenciais de login, ótimo! Siga as etapas abaixo. Do contrário, no Iniciador de aplicativos (), encontre e selecione o Playground Starter e siga as etapas.

Clique na guia Get Your Login Credentials (Obter suas credenciais de login) e anote seu nome de usuário.
Clique em Reset My Password (Redefinir minha senha). Isso envia um email para o endereço associado ao seu nome de usuário.
Clique no link no email.
Insira uma nova senha, confirme-a e clique em Change Password (Alterar senha).

Instalar a Interface de linha de comando (CLI)

Use a CLI do Salesforce para controlar o ciclo de vida completo de seus aplicativos Salesforce. Com ela, você pode facilmente criar ambientes para desenvolvimento e teste, sincronizar código-fonte entre suas organizações e o sistema de controle de versão (VCS), e executar testes.

Consulte o Guia de configuração da CLI do Salesforce para obter instruções completas de instalação.

Instale a CLI de CLI do Salesforce.
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)
Você deve ver a saída como Updating CLI... (Atualizando a CLI...).

Na próxima etapa, vamos configurar nosso ambiente de desenvolvimento local com o Visual Studio Code.

Não vamos verificar a sua configuração. Clique em Verify Step (Verificar etapa) para acessar a próxima etapa do projeto.