Thiết lập một dự án React full stack
Trước khi chúng ta có thể bắt đầu phát triển ứng dụng frontend của chúng ta, chúng ta trước tiên cần sáp nhập bloiler
plate frontend tạo trước kia của chúng ta dựa trên Vite với dịch vụ backend tạo trong học phần Implementing a
Backend Using Express, Mongoose ODM, and Jest. Hãy sáp nhập chúng bây giờ bằng cách đi theo các bước này:
1.Copy thư mục ch1 vào thư mục ch4, như sau:
$ cp -R ch1 ch4
2. Copy thư mục ch3 vào thư mục ch4/backend mới như sau:
$ cp -R ch3 ch4/backend
3. Xóa thư mục .git tròn thư mục ch4/backend copy như sau:
$ rm -rf ch4/backend/.git
4. Mở thư mục ch4 mới trong VS Code.
5. Xóa bỏ Husky prepare script (dòng được nêu bật trong đoạn code) từ backend/package.json file, khi chúng ta đã
có Husky được thiết lập trong thư mục root:
“scripts”: {
“dev”: “nodemon src/index.js”,
“start”: “node src/index.js”,
“test”: “NODE_OPTIONS=–experimental-vm-modules jest”,
“lint”: “eslint src”,
“prepare”: “husky install”},
6. Cũng xóa bỏ lint-staged config sau khỏi backend/package.json file:
“lint-staged”: {
“**/*.{js,jsx}”: [
“npx prettier –write”,
“npx eslint –fix”]
}
7. Sau đó xóa bỏ các thư mục backend/.husky, backend/.vscode, và backend/.git
8. Để đảm bảo tất cả các dependencies được cài đặt đúng đắn, chạy lệnh sau trong root của thư mục ch4:
$ npm install