Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSignednpm install -g @angular/cliEste gera o projeto com o recurso de módulos
ng new project-name --standalone=false --minimal=true --routing=true --style=scss --ssr=true --directory .Este não gera o projeto com o recurso de módulos
ng new project-name --standalone=true --minimal=true --routing=true --style=scss --ssr=true --directory .ng analytics disableGerando componentes dentro de uma pasta especifica, para melhorar a organização e otimizar as rotas de navegação com base em um objetivo claro
ng generate component site/home --inline-template=false --inline-style=false --style=scss
ng generate component site/about --inline-template=false --inline-style=false --style=scss
ng generate component site/services --inline-template=false --inline-style=false --style=scss
ng generate component site/contact --inline-template=false --inline-style=false --style=scssGerando um layout padronizado para todas as páginas
ng generate component site/layout --inline-template=false --inline-style=false --style=scssng generate component signup --inline-template=false --inline-style=false --style=scss
ng generate component signin --inline-template=false --inline-style=false --style=scss
ng generate component home --inline-template=false --inline-style=false --style=scss
ng generate component account --inline-template=false --inline-style=false --style=scssng serve --openng add @angular/materialnpm install --save @angular/material @angular/cdk @angular/animationsimport { NgModule } from '@angular/core';
import { BrowserModule, provideClientHydration } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule,
BrowserAnimationsModule
],
providers: [
provideClientHydration()
],
bootstrap: [AppComponent]
})
export class AppModule { }npm install --save hammerjsnpm install primeng primeicons primeflex --saveNa pasta principal do projeto, dentro do arquivo 'angular.json' (linha 56)
"styles": [
"src/styles.scss",
"node_modules/primeng/resources/themes/lara-light-blue/theme.css",
"node_modules/primeng/resources/primeng.min.css"
],Na pasta 'src', no arquivo 'styles.scss'
@import "primeng/resources/themes/lara-light-blue/theme.css";
@import "primeng/resources/primeng.css";
@import "primeicons/primeicons.css";ng serve --host 0.0.0.0 --port 4200 --disable-host-checkng serve --host 192.168.15.110 --port 4200 --disable-host-check
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent