Step 1: sử dụng Command Line để khởi tạo web ứng dụng VueJS
- Thực thi câu lệnh sau:
vue init webpack myproject
- Với
myproject
là tên dự án của các bạn
Step 2: thưc hiện điền các thông tin khởi tạo dự án
Step 3: thực hiện build
dự án và chạy development server
- Thực thi câu lệnh sau:
cd myproject npm install npm run dev
- Truy cập trang web với địa chỉ: http://localhost:8000
Mục lục
Chương trình học
- VueJS là gì?
- Giới thiệu, cài đặt, cấu hình môi trường lập trình 2
- Làm quen với VueJS 2
-
Dự án thực tế mẫu - Trang web Bán hàng VueJS
9
- Khởi tạo dự án Web bán hàng NetaShop #8373
- Cài đặt thư viện Bootstrap và Jquery #8374
- Cài đặt thư viện icon Font Awesome #8380
- Phân tích và tạo bố cục (layout) cho trang web NetaShop #8389
- Tạo component Slider cho trang web NetaShop #8407
- Cài đặt Vuex và khởi tạo dữ liệu dùng chung cho các components #8410
- Tạo component ProductItem và ProductList #8413
- Tạo component CartSummary #8419
- Tạo trang Kiểm tra Giỏ hàng (cart-checkout) #8421
- Tài liệu tham khảo 2
- Bài tập VueJS 1
Các bài học
Bài học trước Bài học tiếp theo
Chương trình học
Bao gồm Module, Chương, Bài học, Bài tập, Kiểm tra...Chương trình học
- VueJS là gì?
- Giới thiệu, cài đặt, cấu hình môi trường lập trình 2
- Làm quen với VueJS 2
-
Dự án thực tế mẫu - Trang web Bán hàng VueJS
9
- Khởi tạo dự án Web bán hàng NetaShop #8373
- Cài đặt thư viện Bootstrap và Jquery #8374
- Cài đặt thư viện icon Font Awesome #8380
- Phân tích và tạo bố cục (layout) cho trang web NetaShop #8389
- Tạo component Slider cho trang web NetaShop #8407
- Cài đặt Vuex và khởi tạo dữ liệu dùng chung cho các components #8410
- Tạo component ProductItem và ProductList #8413
- Tạo component CartSummary #8419
- Tạo trang Kiểm tra Giỏ hàng (cart-checkout) #8421
- Tài liệu tham khảo 2
- Bài tập VueJS 1
Bài học trước Bài học tiếp theo
Menu Tiện ích
Menu Hướng dẫn Học tập
❤🧡💛💚💙💜 Học là phải THỰC HÀNH ❤🧡💛💚💙💜
Thực hiện các bước tuần tự theo nội dung Bài học nhé!