Tabla de trucos de comandos AngularCLI

Pequeña basura · Publicado en 16/10/2018 15:29:23

Lista de mandos

nombre	función
ng init	Crea la app en el directorio actual
ng nuevo	Crea un nuevo directorio y ejecuta el comando ng init bajo el nuevo directorio
ng serve	iniciar
NG doc	Abre el documento Angular en tu navegador y busca la palabra clave actual
ng e2e	Usa Protractor para realizar pruebas E2E en tu app actual
Formato NG	Utiliza clang-format para formatear el código actual del proyecto
ng genera	Crea nuevo código en tu proyecto
ng g	Abreviatura de ng generate
Construcción NG	Construye el proyecto
ng github-pages:despliegue [opciones]	Despliega tu proyecto en GitHub Pages
Versión NG	Versión de la LI de salida, versión del nodo e información del sistema operativo
Conjunto ng	Preparar el entorno

Puedes añadir --help después de cualquier comando para ver ayuda

ng nuevo

Nombre del parámetro	tipo	Predeterminado	función
--ensayo en seco	Booleano	false	Solo muestra los archivos a crear y las acciones realizadas, no crea realmente el proyecto
--verboso	Booleano	false	Detalles de la salida
--link-cli	Booleano	false	Conectarse automáticamente al paquete angular-cli
--skip-install	Booleano	false	La instalación del NPM no se realiza cuando el proyecto se crea por primera vez
--skip-bower	Booleano	true	No instales la coche
--skip-git	Booleano	false	No se realiza la inicialización del repositorio git
--directorio	Cuerda	Nombre del directorio	El nombre por defecto es el mismo que el del proyecto
--director-fuente	Cuerda	'SRC'	Nombre del directorio del archivo fuente
--estilo	Cuerda	'CSS'	Escribe CSS con ('css', 'less' o 'scss').
--prefijo	Cuerda	'app'	Generar un prefijo para un nuevo componente
--móvil	Booleano	false	Generar un proyecto de Aplicación Web Progresiva (PWA)
--enrutamiento	Booleano	false	Añade un módulo con enrutamiento e impórtalo al módulo principal de la app
--estilo en línea	Booleano	false	Al crear una nueva aplicación, utiliza estilos en línea (en línea, no generando un archivo CSS separado).
--plantilla en línea	Booleano	false	Al crear una nueva aplicación, usa plantillas en línea (en línea, no generando un archivo HTML separado).
--ng4	no	no	Tras actualizar angular-cli a la versión 1.5 o superior, NG5 se crea por defecto

ng serve

Nombre del parámetro	tipo	Predeterminado	función
--presentador	Cuerda	12.0.0.1	IP de configuración personalizada
--desactivar comprobación de anfitrión	--	--	Following --host permite abrir proyectos con un host distinto a localhost
--puerto	Número	4200	Número de puerto personalizado
--puerto de recarga activa	Número	4200	Sobrecarga los números de puerto de vez en cuando
--hmr	--	--	Sustitución caliente

ng genera

nombre	ejemplo
Componente	Componente ng g mi-nuevo-componente
Directiva	Directiva NGG Mi-Nueva-Directiva
Tubería	NGG Pipe Mi-Nueva-Tubería
Servicio	Servicio NGG Mi-Nuevo-Servicio
Clase	Clase NGG Mi-Nuevo-Clase
Interfaz	NG G interfaz mi-nueva-interfaz
Enum	ng g enum mi-nuevo-enum
Módulo	Módulo NGG Módulo My-Módulo
Recorrido	NGG Route My-Route está actualmente deshabilitado

Parámetro de comando ng Generación de clase

Nombre del parámetro	tipo	Predeterminado	función
--especificación	Booleano	false	Generar el archivo de prueba unitaria correspondiente

Componente generador ng

Nombre del parámetro	tipo	Predeterminado	función
--plano	Booleano	false	Genera el archivo de componentes en src/app, no en el directorio actual
--plantilla en línea	Booleano	false	Usa una plantilla en línea, no un archivo HTML independiente
--estilo en línea	Booleano	false	Utiliza estilos en línea en lugar de archivos CSS independientes
--prefijo	Booleano	true	Genera un selector de componentes usando el prefijo especificado en el angular-cli.json (el prefijo indica la primera palabra del selector)
--especificación	Booleano	true	Generar el archivo de prueba unitaria correspondiente

Directiva NG Generate

Nombre del parámetro	tipo	Predeterminado	función
--plano	Booleano	false	Genera el archivo de componentes en src/app, no en el directorio actual
--prefijo	Booleano	true	Por defecto verdadero, usa el prefijo especificado en el angular-cli.json para generar el selector de componentes (el prefijo indica la primera palabra del selector)
--especificación	Booleano	true	Generar el archivo de prueba unitaria correspondiente

Módulo de generación ng

Nombre del parámetro	tipo	Predeterminado	función
--enrutamiento	Booleano	false	Añade un módulo de enrutamiento correspondiente al módulo e impórtalo dentro del módulo
--especificación	Booleano	false	Utilizado para detectar la presencia o ausencia de un módulo

Servicio de generación NG

Nombre del parámetro	tipo	Predeterminado	función
--plano	Booleano	true	Genera el archivo de componentes en src/app, no en el directorio actual
--especificación	Booleano	true	Generar archivos de pruebas unitarias

Construcción NG

Nombre del parámetro	tipo	Predeterminado	función
--aot	Cuerda	no	Precompilado
--base-href	Cuerda	‘/’	Establece el parámetro base href en el archivo index.html
--medio ambiente	Cuerda	dev	En el entorno que se utiliza, prod significa entorno de construcción
--camino de salida	Cuerda	distrito	La ruta de destino de salida del archivo
--objetivo	Cuerda	Desarrollo	development:默认值，不压缩混淆，production:压缩混淆代码
--Reloj	Booleano	false	En qué entorno usar

ng github-pages:deploy

Nombre del parámetro	tipo	Predeterminado	función
--Mensaje	Cuerda	no	El mensaje enviado durante la construcción debe escribirse entre comillas
--objetivo	Cuerda	Desarrollo	El entorno en el que se utiliza
--página de usuario	Booleano	false	Si desplegar en GitHub como página de usuario/organización
--skip-build	Booleano	false	Salta la construcción y despliega directamente
--gh-token	Cuerda	no	Usa el token de Github
--gh-nombre de usuario	Cuerda	no	Usa tu nombre de usuario en Github
--base-href	Cuerda	'/'	El valor base href usado en el archivo index.html

Conjunto ng

Para más parámetros de comando, consulte la página web oficial:El inicio de sesión del hipervínculo es visible.

[Angular] Tabla de trucos de comandos AngularCLI