Khởi tạo dự án VueJS đầu tiên

Nền tảng Kiến thức - Hành trang tới Tương lai
Card image

Chương trình học

  1. VueJS là gì?
  2. Giới thiệu, cài đặt, cấu hình môi trường lập trình 2
    1. Cài đặt NodeJS
    2. Cài đặt VueJS và VueJS Command Line
  3. Làm quen với VueJS 2
    1. Khởi tạo dự án VueJS đầu tiên
    2. Vuex là gì? Cài đặt và làm quen với Vuex
  4. Dự án thực tế mẫu - Trang web Bán hàng VueJS 9
    1. Khởi tạo dự án Web bán hàng NetaShop
    2. Cài đặt thư viện Bootstrap và Jquery
    3. Cài đặt thư viện icon Font Awesome
    4. Phân tích và tạo bố cục (layout) cho trang web NetaShop
    5. Tạo component Slider cho trang web NetaShop
    6. Cài đặt Vuex và khởi tạo dữ liệu dùng chung cho các components
    7. Tạo component ProductItem và ProductList
    8. Tạo component CartSummary
    9. Tạo trang Kiểm tra Giỏ hàng (cart-checkout)
  5. Tài liệu tham khảo 2
    1. Kho sách, nguồn tài liệu tham khảo Lập trình web Frontend VueJS
    2. SourceCode tham khảo Lập trình web Frontend VueJS
  6. Bài tập VueJS 1
    1. Tạo chương trình tính toán đơn giản với VueJS

Chương 3-Bài 1. Khởi tạo dự án VueJS đầu tiên

Tác giả: Dương Nguyễn Phú Cường
Ngày đăng: Hồi xưa đó

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
Về trang chủ Về Khóa học
Bài học trước Bài học tiếp theo

Mục lục

Các bài học

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

  1. VueJS là gì?
  2. Giới thiệu, cài đặt, cấu hình môi trường lập trình 2
    1. Cài đặt NodeJS
    2. Cài đặt VueJS và VueJS Command Line
  3. Làm quen với VueJS 2
    1. Khởi tạo dự án VueJS đầu tiên
    2. Vuex là gì? Cài đặt và làm quen với Vuex
  4. Dự án thực tế mẫu - Trang web Bán hàng VueJS 9
    1. Khởi tạo dự án Web bán hàng NetaShop
    2. Cài đặt thư viện Bootstrap và Jquery
    3. Cài đặt thư viện icon Font Awesome
    4. Phân tích và tạo bố cục (layout) cho trang web NetaShop
    5. Tạo component Slider cho trang web NetaShop
    6. Cài đặt Vuex và khởi tạo dữ liệu dùng chung cho các components
    7. Tạo component ProductItem và ProductList
    8. Tạo component CartSummary
    9. Tạo trang Kiểm tra Giỏ hàng (cart-checkout)
  5. Tài liệu tham khảo 2
    1. Kho sách, nguồn tài liệu tham khảo Lập trình web Frontend VueJS
    2. SourceCode tham khảo Lập trình web Frontend VueJS
  6. Bài tập VueJS 1
    1. Tạo chương trình tính toán đơn giản với VueJS
Bài học trước Bài học tiếp theo
Về trang chủ Về Khóa học