Skip to content

Latest commit

 

History

History
53 lines (45 loc) · 1.09 KB

README.md

File metadata and controls

53 lines (45 loc) · 1.09 KB
Raw

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