TypeScript Academy · Oppitunti

Yleiset käytännön sääntökokoelmat

Soveltakaa avoimen lähdekoodin ja yritysprojekteissa yleisiä ESLint- ja Prettier-sääntökokoelmia säästääksenne asetusten määrittämiseen kuluvaa aikaa.

Oppitunti 3/38 vaihetta

Yleiset käytännön sääntökokoelmat on ilmainen TypeScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/3. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu TypeScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. TypeScript Academy-kurssilla on yhteensä 3 oppituntia.

Johdanto

Tavoite: Oppikaa käyttämään yhteisön sääntöjoukkoja, kuten airbnb, standard ja google, yhtenäisen tyylin saavuttamiseen ilman manuaalista hienosäätöä.

Airbnb-määritys

Airbnb tarjoaa suositun tiukan tyylin erityisesti Reactille. Se määrää muun muassa puolipisteiden ja välilyöntien käytöstä sekä Reactin parhaista käytännöistä.

npm install --save-dev eslint-config-airbnb-typescript eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks

Standard-määritys

Standard on yksinkertaisempi: ei puolipisteitä, vain vähän määrityksiä ja laaja käyttö Node-projekteissa.

npm install --save-dev eslint-config-standard eslint-plugin-import eslint-plugin-n eslint-plugin-promise

Google-määritys

Google-määritys keskittyy luettavuuteen ja selkeyteen, ja sitä käytetään suurissa koodikannoissa.

npm install --save-dev eslint-config-google

Määritysten yhdistäminen

Voitte laajentaa useita määrityksiä: Airbnb + Prettier + TS-säännöt. Varmistakaa, että parserOptions.project on määritetty tyyppejä hyödyntäviä sääntöjä varten.

// .eslintrc.js example
module.exports = {
  extends: [
    "airbnb-typescript/base",
    "plugin:prettier/recommended"
  ],
  parserOptions: {
    project: "./tsconfig.json"
  }
}

Tiimin yhdenmukaistaminen

Valitkaa projektille yksi sääntöjoukko loputtomien tyylikeskustelujen välttämiseksi. Sopikaa siitä tiimin kanssa ja keskittäkää sen jälkeen energia ominaisuuksiin.

Kysymys

Pikatarkistus: Miksi Airbnb- tai Standard-sääntöjoukkoja käytetään?

Kertaus

Kertaus: Suosittuja määrityksiä ovat Airbnb, Standard ja Google. Ne vähentävät asetustyötä ja pitävät koodin yhtenäisenä tiimien välillä.

Aloita maksutta

Opi TypeScript tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit
101
Oppitunnit
352

Usein kysytyt kysymykset

Onko oppitunti ”Yleiset käytännön sääntökokoelmat” ilmainen?

Kyllä – oppitunnin ”Yleiset käytännön sääntökokoelmat” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko TypeScript Academy-kurssin, päivitä CoddyKit PROhon. TypeScript Academy-kurssilla on yhteensä 3 oppituntia.

Mitä opin oppitunnilla ”Yleiset käytännön sääntökokoelmat”?

Soveltakaa avoimen lähdekoodin ja yritysprojekteissa yleisiä ESLint- ja Prettier-sääntökokoelmia säästääksenne asetusten määrittämiseen kuluvaa aikaa. Harjoittelet TypeScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni TypeScript Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin TypeScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 3/3.

Kuinka kauan ”Yleiset käytännön sääntökokoelmat”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä TypeScript Academy-oppitunnilla?

Kyllä. Jokainen TypeScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

  1. ESLint ja @typescript-eslint
  2. Prettier-integraatio ja sääntöjen ristiriidat
  3. Yleiset käytännön sääntökokoelmat
← Takaisin: TypeScript Academy