Vanliga regeluppsättningar i verkliga projekt
Använd populära ESLint- och Prettier-regeluppsättningar från open source- och företagsprojekt för att spara konfigurationstid.
Vanliga regeluppsättningar i verkliga projekt är en gratis lektion i TypeScript Academy på CoddyKit. Detta är lektion 3 av 3. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för TypeScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i TypeScript Academy innehåller totalt 3 lektioner.
Introduktion
Mål: Lär er använda gemenskapens regeluppsättningar som airbnb, standard och google för en konsekvent stil utan manuell finjustering.
Airbnb-konfiguration
Airbnb är en populär strikt kodstil, särskilt för React. Den kräver semikolon, konsekvent mellanrum och bästa praxis för React.
npm install --save-dev eslint-config-airbnb-typescript eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooksStandard-konfiguration
Standard är enklare: inga semikolon, minimal konfiguration och utbredd användning i Node-projekt.
npm install --save-dev eslint-config-standard eslint-plugin-import eslint-plugin-n eslint-plugin-promiseGoogle-konfiguration
Google-konfigurationen fokuserar på läsbarhet och tydlighet och används i stora kodbaser.
npm install --save-dev eslint-config-googleKombinera konfigurationer
Ni kan utöka flera konfigurationer: Airbnb + Prettier + TS-regler. Säkerställ att parserOptions.project är angivet för typmedvetna regler.
// .eslintrc.js example
module.exports = {
extends: [
"airbnb-typescript/base",
"plugin:prettier/recommended"
],
parserOptions: {
project: "./tsconfig.json"
}
}Samsyn i teamet
Välj en regeluppsättning per projekt för att undvika ändlösa diskussioner om kodstil. Se till att teamet är överens och lägg sedan energin på funktioner.
Fråga
Snabb kontroll: Varför använda regeluppsättningarna Airbnb eller Standard?
Sammanfattning
Sammanfattning: Populära konfigurationer är bland annat Airbnb, Standard och Google. De minskar konfigurationsarbetet och håller koden konsekvent mellan team.
Lär dig TypeScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 101
- Lektioner
- 352
Vanliga frågor
Är lektionen ”Vanliga regeluppsättningar i verkliga projekt” gratis?
Ja – hela texten till ”Vanliga regeluppsättningar i verkliga projekt” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i TypeScript Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i TypeScript Academy innehåller totalt 3 lektioner.
Vad lär jag mig i ”Vanliga regeluppsättningar i verkliga projekt”?
Använd populära ESLint- och Prettier-regeluppsättningar från open source- och företagsprojekt för att spara konfigurationstid. Ni övar på TypeScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig TypeScript Academy?
Du behöver inga förkunskaper. Utbildningen i TypeScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 3 av 3.
Hur lång tid tar lektionen ”Vanliga regeluppsättningar i verkliga projekt”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här TypeScript Academy-lektionen?
Ja. Varje TypeScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- ESLint och @typescript-eslint
- Prettier-integration och regelkonflikter
- Vanliga regeluppsättningar i verkliga projekt