Setup dự án React Typescript

  • admin
  • 28 Tháng Mười Một, 2022

Hello 5 chăm ae 🤣. Bài viết này mình viết ra để lâu lâu tạo dự án thì vào copy cho nhanh á mà hehe. Một phần có gì ae tham khảo cách setup 1 dự án React Typescript như thế nào nhé

1️⃣ Đầu tiên đương nhiên mình phải create react app rồi
yarn create react-app name_project --template typescript

2️⃣ Tiếp theo mình cài Prettier để format code và Eslint để quản lý tiêu chuẩn code cũng như giúp các member trong team thống nhất quy chuẩn lúc dev luôn.  yarn add -D prettier eslint-plugin-prettier eslint-config-prettier. À đừng quên setup editor vscode của mình Default Formatter => Chọn Prettier và Format On Save => true để tiện lúc code nhé

3️⃣ Thêm scripts vào package.json để check và sửa lỗi của eslint và prettier

Lúc này bạn chỉ cần chạy
yarn lint để kiểm tra lỗi eslint
yarn lint:fix để fix lỗi liên quan eslint (đôi lúc có những lỗi ae phải tự fix bằng tay nha)
yarn prettier để kiểm tra lỗi prettier format
yarn prettier:fix để tự fix lỗi prettier format
4️⃣ Tạo file .prettierrc để chia sẻ setting prettier giữa các editor. Các bạn có thể tạo ở trang prettier này cũng được nhé

5️⃣ Tạo file .eslintrc để setting eslint

6️⃣ Tạo file .editorconfig để chia sẻ một số setting giữa các editor với nhau cho đồng bộ

7️⃣ À hiện tại Tailwindcss cũng khá trend và dự án hiện tại trên công ty mình cũng dùng nữa nên mình viết sẵn lệnh cài luôn đỡ mất công qua doc 😁
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận

Nhấn ESC để đóng

0
Rất thích suy nghĩ của bạn, hãy bình luận.x