Índice:

Como começo com materiais angulares?
Como começo com materiais angulares?

Vídeo: Como começo com materiais angulares?

Vídeo: Como começo com materiais angulares?
Vídeo: Curso Angular v13: #12 - Angular Material 2024, Novembro
Anonim

Introdução ao Angular Material

  1. Etapa 1: instale o Angular CLI.
  2. Etapa 2: Crie um espaço de trabalho e um aplicativo inicial.
  3. Etapa 3: instalar Material Angular .
  4. Etapa 4: importe o Material Angular módulos de componentes.
  5. Etapa 5: Material Angular Componentes iniciais.
  6. Etapa 6: Publique o aplicativo.

Dessa forma, o que é material angular?

Material Angular é uma biblioteca de componentes de IU para Angular Desenvolvedores JS. Material Angular os componentes ajudam na construção de páginas da web atraentes, consistentes e funcionais e aplicativos da web, ao mesmo tempo que aderem aos princípios modernos de design da web, como portabilidade do navegador, independência de dispositivo e degradação elegante.

Da mesma forma, como inicio um projeto no angular 7? Siga as etapas para configurar um ambiente Angular 7:

  1. Etapa 1: Instale o Visual Studio Code IDE (ou JetBrains WebStorm) O Visual Studio Code é leve e fácil de configurar e possui uma grande variedade de recursos IntelliSense integrados.
  2. Etapa 2: Instale o Node.js. O Nó.
  3. Etapa 3: usando npm para instalar o angular cli.

Da mesma forma, pode-se perguntar: como adiciono materiais angulares ao meu projeto?

Passos para instalar o material angular:

  1. Etapa 1: Instale o Angular CLI.
  2. Etapa 2: Crie um espaço de trabalho para o Projeto Angular.
  3. Etapa 3: Instale o material angular, o CDK angular e as animações angulares.
  4. Etapa 4: configurar animações.
  5. Etapa 5: importe os módulos do componente Angular Material.
  6. Etapa 6: suporte a gestos.

Como o angular 7 integra materiais angulares?

Etapa: 2 Instale o material angular e as dependências

  1. Etapa: 1 Instale Angular / material npm i --save @ angular / material @ angular / cdk.
  2. Etapa: 2 Instale o Angular Animation npm i --save @ angular / animations.
  3. Etapa: 3 Instale o Hammer JS npm i --save hammerjs.
  4. src / main.ts.
  5. Agora, é hora de criar um arquivo typescript simples em src / app / material.ts.

Recomendado: