Tài liệu hướng dẫn

Tài liệu này sẽ hướng dẫn bạn cách thiết lập và sử dụng mẫu giao diện InApp Inventory Dashboard.

Yêu cầu chuẩn bị

Trước khi bắt đầu, hãy đảm bảo máy tính của bạn đã cài đặt các phần mềm sau:

  • Node.js (v14 trở lên)
  • npm hoặc yarn package manager

Cài đặt dự án

  1. Tải mã nguồn về máy và giải nén
  2. Mở thư mục dự án bằng Terminal hoặc VS Code
  3. Chạy lệnh cài đặt các thư viện phụ thuộc: 
    npm install

Chạy dự án

Để khởi chạy server phát triển (Development Server):

npm run dev

Các bước tiếp theo

  1. Xem qua file code chính tại src/js/main.js
  2. Tự do tùy chỉnh các giao diện và component theo nhu cầu của bạn
  3. Biên dịch sản phẩm cho Production: 
    npm run build

Cấu trúc dự án

     
inapp/
├── src/
│   ├── assets/         # Tài nguyên tĩnh
│   │   ├── images/     # Hình ảnh hình vẽ
│   │   ├── js/         # File scripts JavaScript
│   │   ├── scss/       # Stylesheets CSS/Sass
│   └── Pages           # Các trang giao diện chính
├── vite.config.js      # File cấu hình Vite
├── package.json        # Danh sách thư viện và scripts
├── README.md           # File README giới thiệu
└── .gitignore          # File cấu hình bỏ qua Git

Hỗ trợ

Nếu gặp bất kỳ vấn đề hoặc thắc mắc nào, vui lòng liên hệ nhà phát triển tại trang CodesCandy.