Instalar o Pré-visualizador de Cartões Ajustáveis

Observação

O Pré-visualizador de Cartões Ajustáveis está disponível na pré-visualização do programador público.

O Pré-visualizador de Cartões Adaptáveis é uma extensão Visual Studio Code que permite pré-visualizações em tempo real de Cartões Ajustáveis no Toolkit de Agentes do Microsoft 365 (anteriormente conhecido como Toolkit do Teams). Pode visualizar as alterações instantaneamente e garantir que os seus designs são precisos e eficazes.

Pré-requisitos

Antes de começar, certifique-se de que está familiarizado com os seguintes pré-requisitos:

• Estruturar Cartões Ajustáveis.
• Transfira e instale Visual Studio Code.

Instalar o Pré-visualizador de Cartões Ajustáveis para Visual Studio Code

Pode instalar o Pré-visualizador de Cartões Ajustáveis a partir de Extensões no Visual Studio Code ou a partir do Visual Studio Code Marketplace.

Visual Studio Code

Para instalar a extensão do Adaptive Card Previewer no Visual Studio Code, siga estes passos:

1. Abra o Visual Studio Code.

2. Selecione Ver>Extensões ou Ctrl+Shift+X. Também pode abrir extensões ao selecionar o ícone de extensões na barra de atividade Visual Studio Code.

   

   É apresentado o painel EXTENSÕES: MARKETPLACE .

3. Introduza Pré-visualizador de Cartões Ajustáveis na caixa de pesquisa.

   

   A extensão adaptável do Pré-visualizador de Cartões é apresentada no resultado da pesquisa.

4. Selecione Pré-visualizador de Cartões Ajustáveis. A página da extensão Pré-visualizador de Cartões Ajustáveis é aberta no painel direito.

5. Selecione Instalar.

   

   O Pré-visualizador de Cartões Adaptáveis está instalado no Visual Studio Code como uma extensão.

Marketplace

Para instalar a extensão do Adaptive Card Previewer a partir do Visual Studio Code Marketplace, siga estes passos:

1. Aceda a Visual Studio Code Marketplace.

   

2. Selecione Instalar.

   

3. Na janela de pop-up, selecione Abrir.

   

   Visual Studio Code abre com a página de extensão Do Pré-visualizador de Cartões Ajustáveis.

   

4. Na página Visual Studio Code extensão, selecione Instalar.

   

   O Pré-visualizador de Cartões Adaptáveis está instalado no Visual Studio Code como uma extensão.

Pré-visualizar Cartão Ajustável

Pode utilizar um ficheiro de modelo de Cartão Ajustável existente ou transferir o exemplo de Cartão Ajustável.

1. Abra um ficheiro de modelo de Cartão Adaptável existente ou um ficheiro de modelo de Cartão Ajustável a partir do exemplo transferido no Visual Studio Code.

2. No painel Modelo de Cartão Ajustável, selecione Pré-visualizar Cartão Ajustável.

   

   É aberta uma pré-visualização do Cartão Ajustável no painel direito. Pode selecionar o tema da pré-visualização na lista pendente Tema .