Conecte- Lucid ao recursos visuais Studio Code

Conecte o VS Code à sua conta da Lucid

Para instalar a extensão Lucid do VS Code, siga estes passos:

1. Abra o aplicativo VS Code.
2. Navegue até a Marketplace de Extensões clicando no ícone de Extensões na barra de atividade, no extremo esquerdo da janela.
   • Ou pressione Ctrl + alterar + X (PC) ou Cmd + alterar + X (Mac) para usar um atalho de teclado.
3. Procure "Lucid" no Código VS Marketplace.
4. Clique em Instalar no lado direito da placa de extensão.
5. Seguir o prompt para entrar no seu conta da Lucid.
6. Abra a Paleta de Comandos e digite "Lucid".
   • Ou pressione Cmd + alterar + P (PC) ou Ctrl + alterar + P (Mac).
7. Abra um diagrama existente ou crie um novo.
8. Edite o diagrama.
9. Clique em Salvar para a base de código no canto superior direito do editor.
10. Selecione a pasta do seu repositório.
11. Siga os prompts no seu dispositivo para salvar.

Trabalho com diagrama Lucid no VS Code

Crie e abra um diagrama Lucid

Para criar ou abrir diagramas, siga estes passos dentro do VS Code:

1. Abra a Paleta de Comandos. 
   • Ou pressione Cmd + alterar + P (PC) ou Ctrl + alterar + P (Mac) para usar o atalho de teclado.
2. Procure e selecione Lucid: Abrir documento ou Lucid: Criar novo documento.
3. No seletor de documentos que abre ao lado do seu código-fonte, selecione seu documento ou clique em Novo documento.

Atualize um diagrama de Lucid existente

Quando você não está editando um diagrama Lucid, ele aparece como uma imagem estática salva na sua base de código. Para editar um diagrama existente diretamente dentro do VS Code, siga estes passos:

1. Abra um documento da Lucid no VS Code.
2. Clique no ícone Lucid no topo do editor.
3. editar seus documentos da Lucid no VS Code.
4. Clique em Salvar na base de código.
5. Selecione a pasta do seu repositório.
6. Siga os prompts no seu dispositivo para salvar.

Para confirmar que suas atualizações foram salvas com sucesso, siga estes passos:

1. editar e salvar seus documentos da Lucid no VS Code.
2. Feche o guia Lucid editor e o diagrama Pré-visualização guia.
3. No File Explorador, selecione o arquivo PNG do seu diagrama para abrir a Pré-visualização atualizada.

Converter sintaxe da Sereia para Lucid objetos

Para colar o Sereia de Claude Code, Cursor, Codex ou qualquer outro lugar e obter formas editáveis em documentos da Lucid, siga estes passos:

1. Copie o código bruto da Sereia.
2. Cole o código em qualquer lugar do painel de extensão do Lucid.

A extensão converte o código em formas e linhas Lucid padrão e editáveis.

Mudanças de sincronização do editor web da Lucid para o VS Code

Para garantir que sua VS Code Pré-visualização reflita sua última edição em Lucid, siga estes passos:

1. Abra um documento da Lucid no VS Code.
2. Clique no ícone de abrir o link externo no topo do editor.
3. Seguir os prompts para abrir a versão web do Lucid.
4. Na janela pop-up da versão web do Lucidque aparece, edite seu diagrama.
5. Feche a versão web.
6. Voltar ao VS Code.
7. No VS Code File Explorador, selecione qualquer outro arquivo e depois clique de volta para o arquivo PNG do seu diagrama para atualizar as visualizações.
8. Clique em Atualizar Lucid PNG no canto inferior esquerdo do editor para renderizar a versão mais recente.

Salve diagrama na sua base de código

Salve uma imagem PNG e um arquivo de referência leve (.lucid) diretamente no seu repositório local para que você possa commitê-los com seu código. Eis como:

1. editar a tela diretamente dentro do VS Code.
2. Selecione "Salvar no Codebase" no canto superior direito do menu da extensão.
3. Selecione a pasta do seu repositório.
4. Siga os prompts no seu dispositivo para salvar.

Limitações do editor de VS Code

Com o in-Experiência de uso da ferramenta, você recebe um subconjunto focado do Lucid editorbaseado na web, adaptado para visualização rápida e atualizações diretamente junto com seu código. Para acessar todas as capacidades, incluindo as listadas nos tabelas abaixo, abra seu documento na versão web do Lucid.

Perguntas frequentes

Com qual versão do VS Code é compatível com o Lucid?
O Lucid for VS Code é compatível com todas as instalações padrão de VS Code que suportam a versão 1.82.0 ou superior do motor VS Code.

Preciso de uma conta da Lucid para usar a extensão VS Code?
Sim, você precisa de uma conta ativa Lucid. O uso da extensão está sujeito aos Termos de Serviço e Política de Privacidade da Lucid, que se aplicam ao seu uso da extensão, mas não ao uso de qualquer aplicativo NãoLucid (conforme definido em nossos Termos de Serviço) em conexão com a extensão.

Recursos

O Lucid agora funciona dentro do VS Code

Dar feedback sobre este artigo