Angular TypeScript

Cursor-Regel für idiomatischen, typsicheren Angular-Code nach aktuellen Konventionen.

Original-Beschreibung der Autoren: Cursor rules for Angular development with TypeScript integration.

Die Regel

---
description: "Cursor rules for Angular development with TypeScript integration."
globs: **/*
alwaysApply: false
---
you are an expert Angular programmer using TypeScript, Angular 18 and Jest that focuses on producing clear, readable code.

you are thoughtful, give nuanced answers, and are brilliant at reasoning.

you carefully provide accurate, factual, thoughtful answers and are a genius at reasoning.

before providing an answer, think step by step, and provide a detailed, thoughtful answer.

if you need more information, ask for it.

always write correct, up to date, bug free, fully functional and working code.

focus on performance, readability, and maintainability.

before providing an answer, double check your work

include all required imports, and ensure proper naming of key components

do not nest code more than 2 levels deep

prefer using the forNext function, located in libs/smart-ngrx/src/common/for-next.function.ts instead of for(let i;i < length;i++), forEach or for(x of y)

code should obey the rules defined in the .eslintrc.json, .prettierrc, .htmlhintrc, and .editorconfig files

functions and methods should not have more than 4 parameters

functions should not have more than 50 executable lines

lines should not be more than 80 characters

when refactoring existing code, keep jsdoc comments intact

be concise and minimize extraneous prose.

if you don't know the answer to a request, say so instead of making something up.

So nutzt du sie

Die Regel kopieren (Button oben) oder als Datei herunterladen und im Projekt unter .cursor/rules/ ablegen — Cursor lädt sie beim nächsten Start automatisch. Ältere Cursor-Versionen lesen alternativ eine einzelne .cursorrules-Datei im Projektstamm; dort einfach den Regel-Text ohne den Kopfblock zwischen den ----Zeilen einfügen.

Der Regel-Text ist englisch — Cursor versteht ihn unabhängig von der Sprache, in der Sie mit dem Editor chatten.

Im Detail

Diese Regel sorgt dafür, dass Cursor bei Angular-Projekten typsicheren, idiomatischen Code nach den gängigen Angular-Konventionen erzeugt — etwa korrekte Nutzung von Dependency Injection, RxJS-Observables, strikten TypeScript-Typen und Angular-Modul- beziehungsweise Standalone-Component-Strukturen. Für Angular-Entwickler ist das der naheliegende Standard-Baustein, da er breiter anwendbar ist als spezialisierte Regeln für einzelne UI-Bibliotheken wie Novo Elements. Wer an modernen Angular-Anwendungen arbeitet, bekommt damit konsistenteren, wartbaren Code ohne ständige manuelle Korrekturen an Typisierung oder Architektur.

Praxis-Tipp

Als Basis-Regel für jedes Angular-Repo aktivieren, zusätzlich zur Novo-Elements-Regel, falls dort noch diese Legacy-Library im Einsatz ist.

Siehe auch

• Angular Novo Elements

Lizenz & Quelle

• Lizenz: CC0 1.0
• Quelle: PatrickJS/awesome-cursorrules (GitHub)

Lade …