DEV Community

Stefany Repetcki
Stefany Repetcki

Posted on

Faça seu tema no Visual Studio Code

Passo a passo rápido e pratico. Mais informações pode conferir no canal do youtube @codelikeagirlbrasil

Requisitos: ter instalado o npm

1° PASSO RODAR OS COMANDOS NO TERMINAL

npm install -g yo generator-code

npm install -g vsce

yo code

2° PASSO, SELECIONE A OPÇÃO "New Color Theme"

Image description

Preencha da seguinte forma:

What's the name of your extension? nome-do-tema
What's the identifier of your extension? nome-do-tema
What's the description of your extension? Breve descrição sobre o tema
What's the name of your theme shown to the user? Nome que será exibido para o usuário

Você deve escolher entre um tema Dark ou Light, sendo dark para escuro e light para claro.

3° PERSONALIZE SEU TEMA TROCANDO AS VARIÁVEIS NA PASTA THEMES

PRESSIONE F5 PARA PRÉ-VISUALIZAR SUAS ALTERAÇÕES
-recomendo fortemente assistir o vídeo https://www.youtube.com/watch?v=jGH7dkqGEvg&t=24s

4° APÓS TERMINAR DE PERSONALIZAR SEU TEMA VOCÊ VAI PUBLICAR COM AZURE

5° FAÇA SEU CADASTRO NO LINK https://dev.azure.com/

6° CRIAR UM ACCESS TOKEN

Image description

Image description

Image description

7° COPIE SUA SENHA E FAÇA O LOGIN NO TERMINAL

Image description

comando para login(alterar colocando sua organização, ex: vsce login stefanycr.. forneça a senha da imagem acima):

vsce login <publisher name>

Após logar, você pode publicar sua extensão com apenas um comando

vsce publish

OBS: Cada publicação deve mudar a versão do package.

Top comments (0)