Sobes.tech
Middle

Loyihangizda kod uslubiga rioya qilishni qanday nazorat qilasiz?

sobes.tech AI

AIdan javob

Bir bir kod uslubini saqlash uchun quyidagi asboblar va jarayonlardan foydalanaman:

  1. ESLint: Kod formatlash va sifat qoidalarini sozlayman (masalan, Airbnb yoki Standard). ESLint sintaksis xatolarini, bo'sh joylar, ishlatilmagan o'zgaruvchilar va boshqalarni aniqlashga yordam beradi.

    // Misol .eslintrc.js
    module.exports = {
      extends: 'airbnb-base', // Yoki boshqa tanlangan uslub
      rules: {
        // Qoidalarni qayta yozish yoki qo'shish
        'semi': ['error', 'always'],
        'quotes': ['error', 'single']
      }
    };
    
  2. Prettier: Prettier-ni avtomatik kod formatlash uchun integratsiya qilaman. U bo'sh joylar, satrlarni ajratish, nuqtalar va vergullar va boshqa formatlash tafsilotlarini boshqaradi, ESLint bilan (pluginlar orqali) ishlaydi.

    // Misol .prettierrc.json
    {
      "semi": true,
      "singleQuote": true,
      "printWidth": 100
    }
    
  3. Husky va lint-staged: Husky yordamida pre-commit hooklarni sozlayman. lint-staged bilan faqat o'zgartirilgan (staged) fayllarda ESLint va Prettier-ni ishga tushiraman. Bu faqat formatlangan va tekshirilgan kodning repositoryga tushishini ta'minlaydi.

    // Misol package.json (qism)
    {
      "husky": {
        "hooks": {
          "pre-commit": "lint-staged"
        }
      },
      "lint-staged": {
        "*.{js,jsx,ts,tsx}": [
          "eslint --fix",
          "prettier --write"
        ],
        "*.{css,scss,less}": [
          "stylelint --fix", // Stylelint ishlatsam
          "prettier --write"
        ],
        "*.{html,vue,svelte}": [
          "prettier --write"
        ]
      }
    }
    
  4. Kod ko'rib chiqish: Kodni ko'rib chiqish jarayonida, avtomatik asboblar o'tkazib yuborgan yoki qoidalar bilan qamrab olinmagan nuanslarga e'tibor beraman va belgilangan kod uslubiga rioya qilinishiga ishonch hosil qilaman.

  5. Hujjatlar: Loyihadagi qabul qilingan kod uslubiga oid minimal hujjatlarni saqlayman (masalan, README yoki CONTRIBUTING.md), shunda yangi jamoa a'zolari tezda qoidalarni o'rganishlari mumkin.

  6. IDE ga integratsiya: Tahrirlovchilarni (VS Code, WebStorm va boshqalar) sozlayman, saqlashda avtomatik formatlash va ESLint xatolarini to'g'ridan-to'g'ri tahrirchida ko'rsatish uchun.