Minha Extensão VS Code

Descrição

Esta é uma extensão para o Visual Studio Code que fornece autocompletar para tokens de cores e tamanhos definidos no seu style guide.

Funcionalidades

• Autocompletar para tokens de cores.
• Autocompletar para tokens de tamanhos.
• Exibição de cores ao lado dos tokens no IntelliSense.

Instalação

1. Abra o Visual Studio Code.
2. Vá para a extensão "Marketplace".
3. Procure por "Minha Extensão" e clique em "Instalar".

Uso

Depois de instalar a extensão, você pode começar a usar os tokens em seus arquivos .tsx. Ao digitar um token de cor ou tamanho, o IntelliSense exibirá a sugestão com a cor ou o tamanho correspondente.

Exemplo

import React from 'react';
import styled from 'styled-components';
import { tokens } from './tokens';

export const SummaryHr = styled((props: any) => <Flex {...props} />, {
  borderTop: '1px solid rgba(0, 0, 0, 0.15)',
  color: 'Gray500'
});

Contribuições

Contribuições são bem-vindas! Por favor, sinta-se à vontade para abrir um "pull request" ou relatar problemas no repositório do GitHub.

Licença

Este projeto está licenciado sob a licença MIT.