CLI Angular - ng novo Comando
Sintaxe
ng new <name> [options]
ng n <name> [options]ng novo comando cria um espaço de trabalho de determinado namecom um aplicativo angular padrão. Ele fornece prompts interativos para definir configurações opcionais. Todos os prompts têm valores padrão para escolher. As opções são parâmetros opcionais.
Argumentos
| Sr. Não. | Argumento e Sintaxe | Descrição |
|---|---|---|
| 1 | <name> | O nome da nova área de trabalho e projeto inicial. |
Opções
| Sr. Não. | Opção e sintaxe | Descrição | |
|---|---|---|---|
| 1 | --collection = coleção | Uma coleção de esquemas para usar na geração do aplicativo inicial. Aliases: -c. |
|
| 2 | --commit = true | false | Informações de commit do repositório git inicial. Padrão: verdadeiro. |
|
| 3 | --createApplication = true | false | Quando verdadeiro (o padrão), cria um novo projeto de aplicativo inicial na pasta src do novo espaço de trabalho. Quando falso, cria um espaço de trabalho vazio sem aplicativo inicial. Você pode então usar o comando generate application para que todos os aplicativos sejam criados na pasta de projetos. Padrão: verdadeiro. |
|
| 4 | --defaults = true | false | Quando verdadeiro, desativa os prompts de entrada interativos para opções com um padrão. | |
| 5 | --directory = diretório | O nome do diretório no qual criar o espaço de trabalho. | |
| 6 | --dryRun = true | false | Quando verdadeiro, executa e relata a atividade sem gravar os resultados. Padrão: falso. Aliases: -d. |
|
| 7 | --force = true | false | Quando verdadeiro, força a substituição dos arquivos existentes. Padrão: falso. Aliases: -f. |
|
| 8 | --help = true | false | json | JSON | Mostra uma mensagem de ajuda para este comando no console. Padrão: falso. |
|
| 9 | --inlineStyle = true | false | Quando verdadeiro, inclui estilos embutidos no arquivo TS do componente. Por padrão, um arquivo de estilos externo é criado e referenciado no arquivo TS do componente. Padrão: falso. |
|
| 10 | --inlineStyle = true | false | Quando verdadeiro, inclui estilos embutidos no arquivo TS do componente. Por padrão, um arquivo de estilos externo é criado e referenciado no arquivo TS do componente. Padrão: falso. Aliases: -t. |
|
| 11 | --interactive = true | false | Quando falso, desativa os prompts de entrada interativos. | |
| 12 | --minimal = true | false | Quando verdadeiro, cria um projeto sem nenhuma estrutura de teste. (Use apenas para fins de aprendizagem.) Padrão: falso. |
|
| 13 | --newProjectRoot = newProjectRoot | O caminho onde novos projetos serão criados, em relação à nova raiz do espaço de trabalho. Padrão: projetos. |
|
| 14 | --packageManager = npm | yarn | pnpm | cnpm | O gerenciador de pacotes usado para instalar dependências. | |
| 15 | --prefix = prefix | O prefixo a ser aplicado aos seletores gerados para o projeto inicial. Padrão: app. Aliases: -p. |
|
| 16 | --routing = true | false | Quando verdadeiro, gera um módulo de roteamento para o projeto inicial. | |
| 17 | --skipGit = true | false | Quando verdadeiro, não inicializa um repositório git. Padrão: falso. Aliases: -g. |
|
| 18 | --skipInstall = true | false | Quando verdadeiro, não instala pacotes de dependência. Padrão: falso. |
|
| 19 | --skipTests = true | false | Quando verdadeiro, não gera arquivos de teste "spec.ts" para o novo projeto. Padrão: falso. Aliases: -S. |
|
| 20 | --strict = true | false | Cria um espaço de trabalho com opções de compilador TypeScript mais restritas. Padrão: falso. |
|
| 21 | --style = css | scss | sass | menos | estilo | A extensão de arquivo ou pré-processador a ser usado para arquivos de estilo. | |
| 22 | --verbose = true | false | Quando verdadeiro, adiciona mais detalhes ao registro de saída. Padrão: falso. Aliases: -v. |
|
| 23 | --viewEncapsulation = Emulado | Nativo | Nenhum | ShadowDom | A estratégia de encapsulamento de visão a ser usada no projeto inicial. |
Exemplo
\>Node ng new TutorialsPoint
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
CREATE TutorialsPoint/angular.json (3630 bytes)
CREATE TutorialsPoint/package.json (1291 bytes)
CREATE TutorialsPoint/README.md (1031 bytes)
CREATE TutorialsPoint/tsconfig.json (489 bytes)
CREATE TutorialsPoint/tslint.json (3125 bytes)
CREATE TutorialsPoint/.editorconfig (274 bytes)
CREATE TutorialsPoint/.gitignore (631 bytes)
CREATE TutorialsPoint/browserslist (429 bytes)
CREATE TutorialsPoint/karma.conf.js (1026 bytes)
CREATE TutorialsPoint/tsconfig.app.json (210 bytes)
CREATE TutorialsPoint/tsconfig.spec.json (270 bytes)
CREATE TutorialsPoint/src/favicon.ico (948 bytes)
CREATE TutorialsPoint/src/index.html (300 bytes)
CREATE TutorialsPoint/src/main.ts (372 bytes)
CREATE TutorialsPoint/src/polyfills.ts (2835 bytes)
CREATE TutorialsPoint/src/styles.css (80 bytes)
CREATE TutorialsPoint/src/test.ts (753 bytes)
CREATE TutorialsPoint/src/assets/.gitkeep (0 bytes)
CREATE TutorialsPoint/src/environments/environment.prod.ts (51 bytes)
CREATE TutorialsPoint/src/environments/environment.ts (662 bytes)
CREATE TutorialsPoint/src/app/app-routing.module.ts (246 bytes)
CREATE TutorialsPoint/src/app/app.module.ts (393 bytes)
CREATE TutorialsPoint/src/app/app.component.html (25755 bytes)
CREATE TutorialsPoint/src/app/app.component.spec.ts (1083 bytes)
CREATE TutorialsPoint/src/app/app.component.ts (218 bytes)
CREATE TutorialsPoint/src/app/app.component.css (0 bytes)
CREATE TutorialsPoint/e2e/protractor.conf.js (808 bytes)
CREATE TutorialsPoint/e2e/tsconfig.json (214 bytes)
CREATE TutorialsPoint/e2e/src/app.e2e-spec.ts (647 bytes)
CREATE TutorialsPoint/e2e/src/app.po.ts (301 bytes)
Packages installed successfully.Aqui, o novo comando criou um espaço de trabalho angular e um projeto com o nome TutorialsPoint em nosso diretório Node.