preparaciones angulares
A, angular Introducción
Angualr es una web de código marco frontal abierto de Google, nació en 2009, es un marco JS front-end excelente que se ha utilizado para una variedad de productos de Google son. Según las estadísticas el número de elementos angulares (1.x, 2.x, 4.x, 5.x, 6.x, 7.x) es ahora el mayor marco de uso en línea.
Angualr mecanografiado con base y reaccionar, vue compararon angular más adecuado para proyectos empresariales a gran escala.
En segundo lugar, aprender el fundamento esencial angular
El fundamento esencial: HTML, CSS, JS, es6
Tres, el medio ambiente angular para construir
1, los trabajos preparatorios antes de la instalación:
- nodejs instalación
- El equipo debe ser instalado por encima del angular nodejs- instalar la última versión estable nodejs instalación Nota 1.2,
- Npm instalar CNPM puede fallar al instalar recomienda el uso de NPM instalar lo CNPM de montaje del espejo Taobao
npm install -g cnpm --registry=https://registry.npm.taobao.org3
- Uso NPM / CNPM comando para instalar angular / CLI (sólo necesita ser instalado una vez)
npm install -g @angular/cli 或者 cnpm install -g @angular/cli
Cuatro, crear angular del proyecto
- ng nueva demo (nombre del proyecto)
- demo cd
- Abrir el saque
En quinto lugar, entorno de compilación angular y crear un proyecto cuando se puede encontrar un error
- NPM / CLI instalan angulares fallan
- Solución: Instalar con CNPM
- Cuando se crea un proyecto de NPM fallo
- Solución 1: ctrl + c final del proyecto, cd para el interior del proyecto, con la instalación depende CNPM i
- Solución 2: Al crear proyectos --skip-instalar
- Después de crear un proyecto utilizando la NGP no puedo ejecutar el proyecto o CNPM i
- Solución: CNPM alternativa con hilados y NPM
- CNPM instal @ angular / CLI (mi NPM se quejará);
- ng nuevo tiempo para evitar que el paquete de instalación automática ng, crear un directorio solamente ng
- 安装 hilo NPM instalar -g hilo / hilo CNPM instalar -g
- Hilo en el directorio del paquete mi aplicación instalada hilo ng utilizado depende
- Nota: El comando hilo es equivalente a la NGP Instalar / CNPM instalar usando hilo premisa es instalar el hilo, la instalación CNPM instalar hilo -g puede ser instalado
- Solución: CNPM alternativa con hilados y NPM
En sexto lugar, crear componentes angulares
- ng componentes GC / nombre de componente
- ng nombre de componente gc
- Genera cuatro archivos: .HTML, .scss, .ts, .spec.ts,
Siete, para crear el módulo angular
- ng nombre de componente gm
- Genera cuatro archivos: .HTML, .scss, .ts, .spec.ts, .module.ts
Ocho, directorio angular análisis de la estructura
Nueve, componentes angular y plantillas de montaje
- perfil angular es datos ligados
- plantilla angular dentro de las propiedades de unión