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) 🆕
- Abra o VS Code/Cursor
- Procure o botão "+ Angular" na barra inferior (Status Bar)
- Clique no botão para abrir a interface
- Preencha as informações na interface:
Método 2: Via Atalho de Teclado (Mais Rápido)
- Abra o VS Code/Cursor
- Pressione
Ctrl+Shift+A (ou Cmd+Shift+A no Mac)
- Preencha as informações na interface:
Método 3: Via Command Palette
- Abra o VS Code/Cursor
- Pressione
Ctrl+Shift+P (ou Cmd+Shift+P no Mac)
- Digite "New Angular Project"
- Preencha as informações na interface:
Método 4: Via Explorer
- Clique com o botão direito em uma pasta no Explorer
- Selecione "New Angular Project"
- Preencha as informações na interface:
Método 5: Via Barra do Editor
- Com qualquer arquivo aberto, procure o ícone "+" na barra superior do editor
- Clique no ícone para "New Angular Project"
- 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
- Clique em "Create Project" e aguarde a criação
- O projeto será aberto automaticamente em uma nova janela após a criação!
| |