Tạo folder & files cần thiết Tạo folder TryJest Tạo file math.js trong folder vừa tạo Cài đặt Jest Đây là một framework chuyên unit test cho các dự án front-end. Trang chủ: https://jestjs.io/ Chúng ta sẽ cài đặt bằng cách chạy câu lệnh sau Tạo file math.test.js Thiết lập câu lệnh run test Thêm […]
Config editor default cho git Show files change of a commit Git Log & RefLog Khi chúng ta cần truy xuất những gì chúng ta đã làm trên branch hiện tại thì Git log & reflog sẽ thực sự hữu hiệu cho việc đó. git log: sẽ show những commit (option pretty=oneline) git reflog: sẽ […]
Bài này sẽ hướng dẫn các bạn làm cách nào có thể hiển thị được Active menu khi User đang đứng tại màn hình đó
Nhúng vue-router package vào trang Web Tạo 2 Page chứa nội dung Bạn tạo folder src\pages Sau đó tạo 2 file HomePage.vue & ListPage.vue với nội dung như sau HomePage.vue ListPage.vue Tạo file Router Bạn vào folder src\router và tạo file app-router.js với nội dung như sau Ý nghĩa của file này là khi mình […]
Ở bài trước chúng ta đã tạo được các components cơ bản của Admin Dashboard. Bài này mình sẽ style cho đẹp nha
Hôm nay mình sẽ hướng dẫn các bạn làm Admin Dashboard với VueJS nhé
Sử dụng jquery DataTables trong VueJS có khó không? Hãy cùng mình check-out nhé
Trong lúc bạn làm dự án ắt hẳn bạn có nhu cầu tạo 1 form và chia components theo phân cấp như sau Cart Cart-Items Textbox Việc chia components như vậy sẽ giúp mình tái sử dụng được components tốt hơn. Có thể sử dụng được ở nhiều nơi. 1. Tạo BaseTextbox.vue 2. Tạo page […]
1. Khởi tạo project Vue2x Cài đặt những bước cơ bản Cài đặt Vue CLI npm install -g @vue/cli Tạo project vue create open_cart2x Nếu gặp lỗi như bên dưới File …\AppData\Roaming\npm\vue.ps1 cannot be loaded. The file …\AppData\Roaming\npm\vue.ps1 is not digitally signed Chạy câu lệnh Set-ExecutionPolicy -Scope Process -ExecutionPolicy Bypass chạy lại step 2 vue […]
Ở bài này mình sẽ cùng nghiên cứu về sự phụ thuộc vòng tròn (Circular References) giữa 2 components với nhau. Trong dự án thực tế có lúc bạn sẽ gặp trường hợp component A nhúng component B vào và trong component B lại nhúng ngược lại component A. Ví dụ bạn làm dự án […]