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:
- Digite
ts-class
em um arquivo .ts
- 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:
- Digite
ts-interface
em um arquivo .ts
- 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:
- Coloque o cursor na linha que contém
export default interface
- Pressione
Ctrl+.
(Quick Fix)
- 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
- Abra o VS Code
- Vá para Extensions (Ctrl+Shift+X)
- Procure por "TypeScript Utilities"
- 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! 🎉