Hướng dẫn cài đặt và cấu hình dự án Nuxt.js:
Cài đặt Node.js
Đảm bảo bạn đã cài đặt Node.js trên máy tính của mình. Bạn có thể tải phiên bản mới nhất từ trang chính thức của Node.js.
Cài đặt Vue CLI
Mở Terminal hoặc Command Prompt và chạy lệnh sau để cài đặt Vue CLI (nếu chưa có):
npm install -g vue-cli
Tạo dự án Nuxt.js
Trong Terminal, hãy di chuyển đến thư mục bạn muốn tạo dự án và chạy lệnh sau để tạo dự án Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Cấu hình dự án
Theo hướng dẫn trong Terminal, bạn có thể chọn các tùy chọn khác nhau cho dự án của mình, chẳng hạn như sử dụng ESLint, cài đặt Axios, vv.
Tạo trang đầu tiên và hiển thị nội dung cơ bản
Mở thư mục dự án
Mở Terminal và di chuyển đến thư mục dự án bằng lệnh cd my-nuxt-project (hoặc tên thư mục bạn đã chọn).
Tạo trang mới
Sử dụng Vue CLI để tạo một trang mới bằng lệnh sau:
npx vue-cli-service generate page mypage
Hiệu chỉnh trang mới
Mở tệp mypage.vue trong thư mục pages và chỉnh sửa nội dung của trang. Bạn có thể thêm HTML, Vue components và dữ liệu.
Hiển thị trang
Trong tệp layouts/default.vue, bạn có thể sử dụng thẻ <nuxt/> để hiển thị nội dung của trang.
Chạy dự án
Trong Terminal, chạy lệnh sau để khởi động dự án và xem trang của bạn trên trình duyệt:
npm run dev
Bây giờ bạn đã có trang đầu tiên trong dự án Nuxt.js và có thể tùy chỉnh nội dung theo ý muốn.