CLI angular - ng nuevo comando

Sintaxis

ng new <name> [options]
ng n <name> [options]

ng new command crea un espacio de trabajo de namecon una aplicación angular predeterminada. Proporciona indicaciones interactivas para establecer configuraciones opcionales. Todas las solicitudes tienen valores predeterminados para elegir. Las opciones son parámetros opcionales.

Argumentos

No Señor. Argumento y sintaxis Descripción
1 <nombre> El nombre del nuevo espacio de trabajo y proyecto inicial.

Opciones

No Señor. Opción y sintaxis Descripción
1 --collection = colección Una colección de esquemas para usar en la generación de la aplicación inicial.

Alias: -c.

2 --commit = verdadero | falso Información inicial de confirmación del repositorio de git.

Predeterminado: verdadero.

3 --createApplication = verdadero | falso Cuando es verdadero (el valor predeterminado), crea un nuevo proyecto de aplicación inicial en la carpeta src del nuevo espacio de trabajo. Cuando es falso, crea un espacio de trabajo vacío sin una aplicación inicial. Luego puede usar el comando generar aplicación para que todas las aplicaciones se creen en la carpeta de proyectos.

Predeterminado: verdadero.

4 --defaults = verdadero | falso Cuando es verdadero, desactiva las solicitudes de entrada interactivas para las opciones con un valor predeterminado.
5 --directory = directorio El nombre del directorio para crear el espacio de trabajo.
6 --dryRun = verdadero | falso

Cuando es verdadero, se ejecuta e informa de la actividad sin escribir los resultados.

Predeterminado: falso.

Alias: -d.

7 --force = verdadero | falso

Cuando es verdadero, fuerza la sobrescritura de archivos existentes.

Predeterminado: falso.

Alias: -f.

8 --help = true | false | json | JSON

Muestra un mensaje de ayuda para este comando en la consola.

Predeterminado: falso.

9 --inlineStyle = verdadero | falso

Cuando es verdadero, incluye estilos en línea en el archivo TS del componente. De forma predeterminada, se crea un archivo de estilos externo y se hace referencia a él en el archivo TS del componente.

Predeterminado: falso.

10 --inlineStyle = verdadero | falso

Cuando es verdadero, incluye estilos en línea en el archivo TS del componente. De forma predeterminada, se crea un archivo de estilos externo y se hace referencia a él en el archivo TS del componente.

Predeterminado: falso.

Alias: -t.

11 --interactive = verdadero | falso Cuando es falso, deshabilita las solicitudes de entrada interactivas.
12 --minimal = verdadero | falso

Cuando es verdadero, crea un proyecto sin marcos de prueba. (Úselo solo con fines de aprendizaje).

Predeterminado: falso.

13 --newProjectRoot = newProjectRoot

La ruta donde se crearán los nuevos proyectos, en relación con la raíz del nuevo espacio de trabajo.

Por defecto: proyectos.

14 --packageManager = npm | hilo | pnpm | cnpm El administrador de paquetes utilizado para instalar dependencias.
15 --prefix = prefijo

El prefijo que se aplicará a los selectores generados para el proyecto inicial.

Predeterminado: aplicación.

Alias: -p.

dieciséis --routing = verdadero | falso Cuando es verdadero, genera un módulo de enrutamiento para el proyecto inicial.
17 --skipGit = verdadero | falso

Cuando es verdadero, no inicializa un repositorio de git.

Predeterminado: falso.

Alias: -g.

18 --skipInstall = verdadero | falso

Cuando es verdadero, no instala paquetes de dependencia.

Predeterminado: falso.

19 --skipTests = verdadero | falso

Cuando es verdadero, no genera archivos de prueba "spec.ts" para el nuevo proyecto.

Predeterminado: falso.

Alias: -S.

20 - estricto = verdadero | falso

Crea un espacio de trabajo con opciones de compilador de TypeScript más estrictas.

Predeterminado: falso.

21 --style = css | scss | sass | menos | estil La extensión de archivo o el preprocesador que se utilizará para los archivos de estilo.
22 --verbose = verdadero | falso

Cuando es verdadero, agrega más detalles al registro de salida.

Predeterminado: falso.

Alias: -v.

23 --viewEncapsulation = Emulado | Nativo | Ninguno | ShadowDom La estrategia de encapsulación de vistas que se utilizará en el proyecto inicial.

Ejemplo

\>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.

Aquí ng new command ha creado un espacio de trabajo angular y un proyecto con el nombre TutorialsPoint en nuestro directorio de Nodos.