đôi cánh Nền tảng bay tới tương lai đôi cánh Nền tảng bay tới tương lai
Nền tảng Kiến thức - Hành trang tới Tương lai | NenTang.vn
  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 4-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: 5/2/2025, 8:54
Lượt xem: 290

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ề Chương trình học
Bài học trước Bài học tiếp theo

Bình luận

Bình luận của bạn

Vui lòng đăng nhập để gởi bình luận!

Đăng nhập
Danh sách bình luận

Chưa có bình luận nào!

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...
  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
Về trang chủ Về Chương trình học
Bài học trước Bài học tiếp theo

Nền tảng các kiến thức học tập

Cùng nhau học tập, khám phá các kiến thức nền tảng về Lập trình web, mobile, database nhé.

Nền tảng kiến thức - Hành trang tới tương lai hân hạnh phục vụ Quý khách!

Khám phá, trải nghiệm ngay