Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Angular Project CreatorNew to Visual Studio Code? Get it now.
Angular Project Creator

Angular Project Creator

Carlos Alberto Fitl

| (0) | Free
Extensão para criar projetos Angular com configurações personalizadas
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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!
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft