Hướng dẫn sử dụng ESLint, Prettier, Husky và Lint-Staged

Hướng dẫn sử dụng ESLint, Prettier, Husky và Lint-Staged | Shanverse

Codejavascript

1// eslint.config.mjs2import eslintConfigPrettier from "eslint-config-prettier";34export default [5  // Cấu hình JavaScript, TypeScript hoặc framework của bạn6  eslintConfigPrettier,7];

Codejson

1{2  "scripts": {3    "lint": "eslint .",4    "lint:fix": "eslint . --fix",5    "format": "prettier . --write",6    "format:check": "prettier . --check",7    "prepare": "husky"8  },9  "lint-staged": {10    "*.{js,jsx,ts,tsx}": [11      "eslint --fix",12      "prettier --write"13    ],14    "*.{json,md,mdx,css,scss,yml,yaml}": "prettier --write"15  }16}

Hướng dẫn sử dụng ESLint, Prettier, Husky và Lint-Staged

Bạn sẽ xây dựng gì?

Comments

1. Cài đặt dependencies

2. Cấu hình ESLint

3. Cấu hình Prettier

4. Khởi tạo Husky

5. Cấu hình Lint-Staged

6. Cấu hình package.json hoàn chỉnh

7. Kiểm tra quy trình pre-commit

Lỗi thường gặp

Hook không chạy

ESLint xung đột với Prettier

Commit quá chậm

Lệnh hoạt động thủ công nhưng lỗi trong hook

Gợi ý cho CI

Tổng kết

Tăng 200% năng suất với Git Aliases và tùy biến file .gitconfig cá nhân

So sánh Git Workflows: Gitflow vs GitHub Flow vs Trunk-Based Development – Dự án nào nên dùng?

Đa nhiệm siêu tốc với git worktree: Làm nhiều Feature cùng lúc không cần stash hay clone mới

Bạn sẽ xây dựng gì?

Comments

1. Cài đặt dependencies

2. Cấu hình ESLint

3. Cấu hình Prettier

4. Khởi tạo Husky

5. Cấu hình Lint-Staged

6. Cấu hình package.json hoàn chỉnh

7. Kiểm tra quy trình pre-commit

Lỗi thường gặp

Hook không chạy

ESLint xung đột với Prettier

Commit quá chậm

Lệnh hoạt động thủ công nhưng lỗi trong hook

Gợi ý cho CI

Tổng kết

Related posts

Tăng 200% năng suất với Git Aliases và tùy biến file .gitconfig cá nhân

So sánh Git Workflows: Gitflow vs GitHub Flow vs Trunk-Based Development – Dự án nào nên dùng?

Đa nhiệm siêu tốc với git worktree: Làm nhiều Feature cùng lúc không cần stash hay clone mới