Cách dựng project VUE CLI từ đầu P1
Bài đăng này đã không được cập nhật trong 4 năm
1 Tạo một Repository từ github
- Step1 : Truy cập vào github để tạo một repository
- Step2 : Chọn thư mục lưu trữ trên máy tính
Bạn có thể chọn một thư mục bất kỳ. Mình khuyên bạn nên để trong ở D
Step3: Mở gitbash và clone project rỗng bạn vừa tạo trên github
Đầu tiên nếu chưa có gitbash bạn có thể vào đây để tải https://git-scm.com/downloads
câu lệnh : git clone + pase
Các câu lệnh command cơ bản của git https://topdev.vn/blog/git-la-gi/
2 Tạo project bằng vue cli
- Tên package của vue-cli cũ là
vue-cli
và tên hiện tại là@vue/cli
- Nếu máy bạn đã cài vue-cli (1.x or 2.x) package installed globally bạn cần uninstall trc
npm uninstall vue-cli -g or yarn global remove vue-cli.
- Vue CLI bắt buộc bạn phải sử dụng Node.js version 8.9 hoặc trên 8.11.0
- step1 : chạy lệnh khởi tạo một new package bạn có thể bật TERMINAL của VS code để chạy nếu bạn sử dụng VScode giống mình
npm install -g @vue/cli
or
yarn global add @vue/cli
Nếu thành công bạn sẽ nhận được một thông báo Success . Bạn đã có quyền truy cập vue binary trong command line bạn có thể kiểm tra version bằng câu lệnh vue --version
- step2 : khởi tạo một project mới
Sau khi cài đặt xong global bạn đã có thể sử dụng *.vue để chạy. Nhưng mục đích của chúng ta là một cấu trúc CLi hoàn thiện nên chúng ta sẽ sử dụng lệnh
vue create vue-cli-version1
để khởi tạo một project vue-cli-version1
Sau khi bạn chạy câu lệnh - bạn sẽ thấy một lựa chọn
Nếu bạn ấn tiếp tục phím Enter - hệ thống sẽ tự động cài mặc định cho bạn babel và eslint
Còn nếu bạn chọn Manully select features
bạn sẽ có một số lựa chọn để cấu hình cho project của mình
Những thứ này chúng ta sẽ đi nói ở phần tiếp theo
chúng ta chọn default và ấn enter để tạo một project mới. Sau khi tạo thành công bạn cũng sẽ nhận được một thông báo success . Chúc mừng bạn bạn đã tạo thành công một project bằng vuecli.
Bạn cũng có thể sử dụngvue create --help
để xem một số lệnh tuỳ chọn
- step3 : chạy project
npm run serve
hoặc
yarn serve
Để chạy project mới tạo của bạn
All rights reserved