Angular4Students

Demo

Unter dem Link https://christophhu.github.io/angular-4-students/ kann die Anwendung aufgerufen werden.

Initialisierung

# erstellen der Angular-Anwendung
ng new angular-4-students
cd angular-4-students

TailwindCSS

# TailwindCSS hinzufügen
npm install -D tailwindcss postcss@latest autoprefixer@latest
npx tailwindcss init

In der tailwind.config.js ist der Content aufzunehmen, um die CSS-Klassen in allen Pfade/Dateien zu überprüfen:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.{html,ts,css,scss,sass,less,styl}'
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Zusätzlich muss in der globalen Style-Datei /src/style.sass folgendes hinzugefügt werden:

@import 'tailwindcss/base'
@import 'tailwindcss/components'
@import 'tailwindcss/utilities'

Dies kann auch alles unter https://tailwindcss.com/docs/installation nachgelesen werden.

Angular Material

ng add @angular/material

Start der Anwendung

npm i
npm run start
ng serve