DEV Community

Cover image for VSCode - Extensão DEV Community
Filipe Roberto Beck
Filipe Roberto Beck

Posted on

VSCode - Extensão DEV Community

Estava criando um repositório git para organizar as minhas postagens e usar o vscode para editar os arquivos e depois copiar e colar no editor online, então resolvi pesquisar por alguma extensão relacionada e acabei encontrando uma bem interessante: DEV Community. Basta pesquisar por dev.to e será a primeira da lista (até a data deste post, pelo menos). Aparecerá um novo item na barra lateral de ações cujo conteúdo contém inicialmente as opções de logar, onde você deverá fornecer uma chave para autenticação com a API para manipulação das postagens, e uma outra opção para criar essa chave, onde você será redirecionado para as configurações da sua conta.

Menu lateral de ações

Para criar a chave, clique na opção e siga as instruções no site que abrirá (é só digitar a descrição da chave e clicar em gerar). Para logar, clique na opção e cole a chave que você criou.

Após logar você verá uma lista com as suas postagens. Clique em alguma para mostrar seu conteúdo.

Lista com as postagens e editor

Recursos disponíveis:

  • Edição: Após editar, basta salvar da mesma forma que você faria com qualquer outro arquivo e sua postagem será salva remotamente. Para adicionar uma imagem, clique em Upload images no canto inferior esquerdo do editor e escolha uma imagem para subir pro Imgur. Quando o upload terminar, uma marcação com a url da imagem será criada na posição do cursor.
  • Preview: Para um preview local, pressione Ctrl + Shift + V para abri-lo em uma nova aba ou Ctrl + K V para abrir lado a lado. A aparência será determinada pelas extensões de visualização de arquivos .md que você tem instalado. Para um preview remoto, basta atualizar a página do seu post após salvar as edições que as mudanças já serão refletidas.
  • Publicação: Para publicar, modifique o valor do campo published para true na seção meta yaml no topo do post e salve, ou clique com o botão direito no título do post no menu lateral e selecione a opção de publicar.
  • Criação de novo post: Clique no botão + no menu lateral. Um novo documento com uma seção meta yaml default será criado. Salve e o post será criado remotamente.
  • Remoção de post: Clique com o botão direito no título do post no menu lateral e selecione a opção de deletar.

Top comments (0)