desarrollo angular listo

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

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

Aquí Insertar imagen Descripción

Nueve, componentes angular y plantillas de montaje

  • perfil angular es datos ligados
    Aquí Insertar imagen Descripción
    Aquí Insertar imagen Descripción
  • plantilla angular dentro de las propiedades de unión
    Aquí Insertar imagen Descripción
    Aquí Insertar imagen Descripción
Publicado 24 artículos originales · ganado elogios 4 · Vistas 4465

Supongo que te gusta

Origin blog.csdn.net/Amo__/article/details/100096476
Recomendado
Clasificación