Jinsi ya Kutumia Prettier na ESLint kwa Clean Code
Jinsi ya Kuinstall:
# Install Prettier na ESLint locally
npm install --save-dev prettier eslint
# Initialize ESLint
npx eslint --init
Mfano wa Configuration (package.json):
{
"scripts": {
"lint": "eslint src/**/*.js",
"format": "prettier --write src/**/*.js"
}
}
Usage:
# Check for linting errors
npm run lint
# Auto-format code
npm run format
Optional ESLint + Prettier Integration:
Install integration packages:
npm install --save-dev eslint-config-prettier eslint-plugin-prettier
Add to .eslintrc.json:
{
"extends": ["eslint:recommended", "plugin:prettier/recommended"],
"plugins": ["prettier"],
"rules": {
"prettier/prettier": ["error"]
}
}
Ufafanuzi:
Prettier hufix formatting issues kama spacing, semicolons, quotes.
ESLint huchunguza errors, unused variables, na potential bugs.
Pamoja, zinahakikisha codebase yako ni clean na inafuata best practices.
🔗 Links Za Kujifunza Zaidi:
🌐 Faulink Official Website:
https://www.faulink.com/
📘 Jifunze Web Design & Programming (Tutorials / Mifumo):
https://www.faulink.com/excel_mifumo.php
📲 Piga / WhatsApp kwa msaada wa haraka:
https://wa.me/255693118509