Thiết lập một dự án React full stack (tiếp tục)
9. Cũng đi đến thư mục backend/ và cài đặt tất cả dependencies ở đó:
$ cd backend/
$ npm install
10. Chúng ta bây giờ cũng có thể loại bỏ các gói husky, lint-staged, và @commitlint khỏi dự án backend,
khi chúng ta đã có nó thiết lập xong trong thư mục dự án chính:
$ npm uninstall husky lint-staged \
@commitlint/cli @commitlint/config-conventional
Tip
Nó luôn là một ý tưởng tốt để kiểm tra định kì các gói nào bạn vẫn cần và những cái nào bạn có thể loại
bỏ, để giữ dự án của bạn sạch. Trong trường hợp này, chúng ta đã copy code từ dự án khác, nhưng không cần
thiết lập Husky / lint-staged / commitlint, khi chúng ta đã có nó thiết lập xong trong root của dự án của
chúng ta.
11. Bây giờ quay trở lại root của thư mục ch4 và chạy lệnh sau để khởi động máy chủ frontend:
$ cd ../
$ npm run dev
12. Mở frontend trong trình duyệt của bạn bằng cách đi tới URL thể hiện bởi Vite:
http://localhost:5173/
13. Mở src/App.jsx, thay đổi title như sau, và lưu file:
<h1>Vite + React + Node.js</h1>
14. Bạn sẽ thấy rằng thay đổi được phản ánh ngay lập tức trong trình duyệt!
Sau khi thiết lập thành công dự án full-stack của chúng ta bằng cách kết hợp các dự án của chúng ta từ
các học phần trước, bây giờ hãy bắt đầu thiết kế và tạo giao diện người dùng cho ứng dụng blog của chúng
ta.