-->
Vuejs Full-Stack

Tìm hiểu cấu trúc thư mục & tập tin trong dự án Vuejs

13-12-2018 Vuejs Full-Stack

Chúng ta đã khởi tạo thành công một dự án Vue. Bây giờ chúng ta cùng nhau tìm hiểu xem bên trong thư mục dự án có cấu trúc và chức năng gì nhé!

 Hình ảnh cấu trúc thư mục dự án Vue:

- Tập tin README.md: Trang giới thiệu dự án, hướng dẫn cài đặt, sử dụng,...

- Tập tin package.json: Liệt kê các gói package cùng với phiên bản của các gói package sẽ được dùng trong dự án.

- Thư mục src: Thực hiện code và làm việc trong thư mục này.

- Tập tin router.js: Khai báo các router (đường dẫn) có trong dự án.

- Tập tin main.js: Đây là file nơi chúng ta import Vue vào ứng dụng, thường file này là file root nơi những khởi tạo ban đầu cho dự án, cùng với đó là những thiết lập về data, methods với phạm vi global mà sau này các components con có thể gọi đến.

- Thư mục components, views: thư mục này chứa các components, views với đuôi file .vue, mở lên các bạn sẽ thấy có 3 phần là: template, script và style và đây cũng là cấu trúc chung của tất cả các component khác (đây là điều mình đánh giá là điểm Vue dễ học so với các framework js khác)

Đây là cấu trúc cơ bản của một dự án Vuejs. Nếu các bạn có thắc mắc & hỏi đáp hay bổ sung thêm cho bài viết vui lòng bình luận bên dưới hoặc gửi email cho chúng tôi nhé!

Liên Hệ!

TRẦN VĂN KHÁNH
Phone: 0332 55 72 70
Email: webdepnhatrang@gmail.com hoặc webdepnhatrang.info@gmail.com
Address: 15/17B Tổ 14 Tây Nam, P. Vĩnh Hải, TP. Nha Trang, Tỉnh Khánh Hoà.

Liên hệ với chúng tôi!