I node.js-prosjekter, spesielt der man velger å ha undermapper for frontend- og backend-delen av prosjektet, vil Visual Studio Code (eller andre IDE-er) gi en rød strek og fortelle om en feil ved det første ordet i nye filer.
Dette kommer av at ES Lint ikke er konfigurert til å lete etter og bruke stilisering på undermapper. Dette er det en enkel fiks på.
La oss tenke oss at vi har et prosjekt med en mappe kalt «frontend» hvor React ligger, og en mappe kalt «sanity» hvor databasen er konfigurert. Da kan vi gjøre følgende:
- Lag en fil på rotnivå i prosjektet ditt (på samme nivå som mappene med node-prosjekter, i eksempelet kalt «frontend» og «sanity») kalt .eslintrc. Hvis denne finnes fra før på rotnivå, sørg for at steg to blir oppdatert i filen.
- I .eslintrc, skriv følgende kode (sørg for at mappenavnene i arrayen matcher mappenavnene i prosjektet ditt):
{
"eslint.workingDirectories": ["./frontend", "./sanity"]
}Code language: JavaScript (javascript)Nå skal ES Lint finne filene i de ulike undermappene, og applisere reglene fra babel. Røde streker og filer er forhåpentligvis borte!
Illustrasjonsbilde: Photo by Nikolai Justesen on Unsplash