Ինչպե՞ս եք հետևում ձեր նախագծում կոդի ոճի պահպանմանը։

Կոդի միատարր ոճը պահպանելու համար օգտագործում եմ հետևյալ գործիքներն ու գործընթացները:

1. ESLint: Կարգավորում եմ կոդի ձևաչափման և որակի կանոնները (օրինակ, Airbnb կամ Standard): ESLint-ը օգնում է հայտնաբերել սինտաքսական սխալները, շտկել մուտքագրման խնդիրները, անօգտագործվող փոփոխականները և այլն:

   // Օրինակ .eslintrc.js
   module.exports = {
     extends: 'airbnb-base', // կամ այլ ընտրված ոճ
     rules: {
       // Կարգավորումների վերանայում կամ ավելացում
       'semi': ['error', 'always'],
       'quotes': ['error', 'single']
     }
   };
   

2. Prettier: Ինտեգրում եմ Prettier-ը ավտոմատ ձևաչափման համար: Այն հոգ է տանում բացերի, տողանցքների, կետակետերի և այլ ձևաչափման մանրամասների մասին՝ աշխատելով ESLint-ի հետ (գլխավոր պլագինների միջոցով):

   // Օրինակ .prettierrc.json
   {
     "semi": true,
     "singleQuote": true,
     "printWidth": 100
   }
   

3. Husky և lint-staged: Կարգավորում եմ pre-commit հուկերը Husky-ի միջոցով: Լինտ-ստեյջով գործարկում եմ ESLint և Prettier միայն փոփոխված ֆայլերի համար: Սա ապահովում է, որ ռեպոզիտորին հասնում է միայն ձևաչափված և ստուգված կոդ:

   // package.json-ի օրինակ (մաս)
   {
     "husky": {
       "hooks": {
         "pre-commit": "lint-staged"
       }
     },
     "lint-staged": {
       "*.{js,jsx,ts,tsx}": [
         "eslint --fix",
         "prettier --write"
       ],
       "*.{css,scss,less}": [
         "stylelint --fix", // Եթե օգտագործում եմ Stylelint
         "prettier --write"
       ],
       "*.{html,vue,svelte}": [
         "prettier --write"
       ]
     }
   }
   

4. Կոդի վերանայում: Կոդի վերանայում գործընթացում ուշադրություն եմ դարձնում ընդունված կանոններին, նույնիսկ եթե ավտոմատ գործիքները ինչ-որ բան բաց են թողնում կամ կան նյուանսներ, որոնք կանոնները չեն ընդգրկում:

5. Փաստաթղթավորում: Պահպանում եմ նվազագույն փաստաթղթավորում ընդունված կոդի ոճի մասին՝ օրինակ, README կամ CONTRIBUTING.md ֆայլերում, որպեսզի նոր անդամները արագ ծանոթանան կանոններին:

6. Ինտեգրացիա IDE-ում: Կարգավորում եմ խմբագրիչները (VS Code, WebStorm և այլն)՝ ավտոմատ ձևաչափում և ESLint սխալների ցուցադրում՝ անմիջապես խմբագրիչում։