Angular Project Creator - Extensão VS Code

Extensão para VS Code/Cursor que facilita a criação de projetos Angular com interface amigável.

Funcionalidades

• ✅ Detecção automática de instalações Node.js - Encontra automaticamente múltiplas versões do Node.js
• ✅ Dropdown para seleção do Node interpreter - Lista todas as instalações detectadas com suas versões
• ✅ Botão para buscar outras instalações - Permite adicionar caminhos personalizados do Node.js
• ✅ Detecção automática do Angular CLI - Detecta versões disponíveis do Angular CLI
• ✅ Campo Additional parameters - Para parâmetros extras na criação do projeto
• ✅ Validação de campos obrigatórios - Name e Location são campos obrigatórios
• ✅ Seleção de diretório - Interface para escolher onde salvar o projeto
• ✅ Barra de progresso - Mostra o progresso durante a criação
• ✅ Abertura automática - Abre automaticamente o projeto após criação bem-sucedida
• ✅ Botão na Status Bar - Botão "Angular" sempre visível na barra inferior
• ✅ Acesso múltiplo - 5 formas diferentes de acessar a funcionalidade
• ✅ Atalho de teclado - Ctrl+Shift+A / Cmd+Shift+A para acesso rápido

Interface

• Name: Campo de texto para o nome do projeto (obrigatório)
• Location: Campo de texto com botão para seleção de pasta (obrigatório)
• Node interpreter: Dropdown com instalações detectadas + botão de configuração
• Angular CLI: Dropdown com comandos disponíveis do Angular CLI
• Additional parameters: Campo para parâmetros extras do Angular CLI
• Use the default project setup: Checkbox para usar configurações padrão

Detecção Automática do Node.js

A extensão detecta automaticamente instalações do Node.js em:

Windows:

• Instalação padrão: C:\Program Files\nodejs\
• Instalação x86: C:\Program Files (x86)\nodejs\
• NPM global: %USERPROFILE%\AppData\Roaming\npm\
• NVM para Windows: %USERPROFILE%\.nvs\node\
• NVM: %USERPROFILE%\.nvm\

Linux/macOS:

• /usr/local/bin/node
• /usr/bin/node
• /opt/homebrew/bin/node (macOS com Homebrew)
• ~/.nvm/versions/node/ (NVM)
• ~/.nvs/ (NVS)
• /usr/local/n/versions/node (n version manager)

Detecção do Angular CLI

A extensão detecta automaticamente versões do Angular CLI:

• npx --package @angular/cli ng (recomendado)
• ng (instalação global)
• node_modules/.bin/ng (instalação local)

Como usar

Método 1: Via Botão da Status Bar (Mais Visível) 🆕

1. Abra o VS Code/Cursor
2. Procure o botão "+ Angular" na barra inferior (Status Bar)
3. Clique no botão para abrir a interface
4. Preencha as informações na interface:

Método 2: Via Atalho de Teclado (Mais Rápido)

1. Abra o VS Code/Cursor
2. Pressione Ctrl+Shift+A (ou Cmd+Shift+A no Mac)
3. Preencha as informações na interface:

Método 3: Via Command Palette

1. Abra o VS Code/Cursor
2. Pressione Ctrl+Shift+P (ou Cmd+Shift+P no Mac)
3. Digite "New Angular Project"
4. Preencha as informações na interface:

Método 4: Via Explorer

1. Clique com o botão direito em uma pasta no Explorer
2. Selecione "New Angular Project"
3. Preencha as informações na interface:

Método 5: Via Barra do Editor

1. Com qualquer arquivo aberto, procure o ícone "+" na barra superior do editor
2. Clique no ícone para "New Angular Project"
3. Preencha as informações na interface:
   • Name: Nome do seu projeto Angular
   • Location: Clique no botão 📁 para selecionar onde salvar
   • Node interpreter: Selecione a versão do Node.js (ou clique em ⚙️ para buscar outra)
   • Angular CLI: Selecione o comando do Angular CLI
   • Additional parameters: Parâmetros extras (opcional)
   • Use the default project setup: Para usar configurações padrão
4. Clique em "Create Project" e aguarde a criação
5. O projeto será aberto automaticamente em uma nova janela após a criação!