Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>TypeScript UtilitiesNew to Visual Studio Code? Get it now.
TypeScript Utilities

TypeScript Utilities

Vinicius Roosevelt

|
1 install
| (0) | Free
Extensão para snippets TypeScript e quick fixes para implementação automática de interfaces
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

TypeScript Utilities Extension

Esta extensão para o VS Code fornece utilitários úteis para desenvolvimento em TypeScript, automatizando a criação de classes e interfaces com base no nome do arquivo.

✨ Funcionalidades

1. 🏗️ Snippets TypeScript

ts-class - Criação Automática de Classes

Cria uma classe TypeScript com export default usando o nome do arquivo em PascalCase.

Como usar:

  1. Digite ts-class em um arquivo .ts
  2. Pressione Tab ou Enter

Exemplo:

// Arquivo: user-service.ts
// Digite: ts-class + Tab

export default class UserService {
    constructor() {
        
    }
}

ts-interface - Criação Automática de Interfaces

Cria uma interface TypeScript com export default usando o nome do arquivo em PascalCase.

Como usar:

  1. Digite ts-interface em um arquivo .ts
  2. Pressione Tab ou Enter

Exemplo:

// Arquivo: user-repository.ts
// Digite: ts-interface + Tab

export default interface UserRepository {
    
}

2. ⚡ Quick Fix para Implementação de Interfaces

Implementa automaticamente interfaces em arquivos separados com o padrão _impl.ts.

Como usar:

  1. Coloque o cursor na linha que contém export default interface
  2. Pressione Ctrl+. (Quick Fix)
  3. Selecione "Implementar [NomeInterface] em um novo arquivo"

Exemplo:

// Arquivo: user-repository.ts
export default interface UserRepository {
    findById(id: string): Promise<User>;
    save(user: User): Promise<void>;
}

// Após usar Quick Fix, cria: user-repository_impl.ts
import UserRepository from './user-repository';

export default class UserRepositoryImpl implements UserRepository {
    constructor() {
        // TODO: Implementar construtor
    }
    
    // TODO: Implementar métodos da interface UserRepository
    
    findById(id: string): Promise<User> {
        throw new Error("Method not implemented.");
    }
    
    save(user: User): Promise<void> {
        throw new Error("Method not implemented.");
    }
}

🚀 Benefícios

  • ⏱️ Economia de tempo: Automatiza a criação de estruturas básicas
  • 📝 Padronização: Mantém consistência no código
  • 🔄 Conversão automática: Nome do arquivo → PascalCase
  • 📁 Organização: Separação clara entre interfaces e implementações
  • 🔗 Imports automáticos: Não precisa se preocupar com imports

📋 Requisitos

  • VS Code 1.74.0 ou superior
  • Arquivos TypeScript (.ts)

🛠️ Como Instalar

  1. Abra o VS Code
  2. Vá para Extensions (Ctrl+Shift+X)
  3. Procure por "TypeScript Utilities"
  4. Clique em "Install"

🎯 Casos de Uso

Desenvolvimento de APIs

// api-service.ts → ApiService
// user-controller.ts → UserController
// auth-middleware.ts → AuthMiddleware

Padrão Repository

// user-repository.ts → UserRepository (interface)
// user-repository_impl.ts → UserRepositoryImpl (implementação)

Padrão Service

// email-service.ts → EmailService (interface)
// email-service_impl.ts → EmailServiceImpl (implementação)

📝 Notas

  • A extensão funciona apenas com arquivos .ts
  • O nome da classe/interface é baseado no nome do arquivo
  • A conversão para PascalCase é automática
  • Arquivos de implementação sempre têm o sufixo _impl.ts

🤝 Contribuições

Contribuições são bem-vindas! Sinta-se à vontade para:

  • Reportar bugs
  • Sugerir novas funcionalidades
  • Enviar pull requests

📄 Licença

MIT License - veja o arquivo LICENSE para detalhes.


Divirta-se codificando! 🎉

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft