VueJS: Tạo một project
vue create
Để tạo một dự án mới, hãy chạy:
vue create hello-world
CẢNH BÁO
Nếu bạn đang sử dụng Windows bằng cách sử dụng Git Bash với minTTY, các lời nhắc tương tác sẽ không hoạt động. Bạn phải khởi chạy lệnh như
winpty vue.cmd create hello-world.
Bạn sẽ được nhắc chọn một giá trị đặt trước. Bạn có thể chọn cài đặt trước mặc định đi kèm với thiết lập Babel + ESLint cơ bản hoặc chọn "Manually select features" để chọn các tính năng bạn cần.
Thiết lập mặc định là rất tốt cho việc tạo mẫu nhanh một dự án mới, trong khi thiết lập thủ công cung cấp nhiều tùy chọn hơn có khả năng cần thiết cho nhiều dự án hướng production hơn.
Nếu bạn chọn chọn các đối tượng địa lý theo cách thủ công, ở cuối lời nhắc, bạn cũng có tùy chọn lưu các lựa chọn của mình làm giá trị đặt sẵn để bạn có thể sử dụng lại trong tương lai. Chúng tôi sẽ thảo luận về cài đặt trước và bổ sung trong phần tiếp theo.
~ / .vuerc
Các giá trị đặt trước đã lưu sẽ được lưu trữ trong một tệp JSON có tên .vuerctrong thư mục chính của người dùng của bạn. Nếu bạn muốn sửa đổi cài đặt trước / tùy chọn đã lưu, bạn có thể làm như vậy bằng cách chỉnh sửa tệp này.
Trong quá trình tạo dự án, bạn cũng có thể được nhắc chọn trình quản lý gói ưa thích để cài đặt phụ thuộc nhanh hơn. Lựa chọn của bạn cũng sẽ được lưu vào ~/.vuerc.
Lệnh vue create có một số tùy chọn và bạn có thể khám phá tất cả chúng bằng cách chạy:
vue create --help
Sử dụng: create [options] <app-name> tạo một project mới dựa trên vue-cli-service Các tùy chọn: -p, --preset <presetName> Bỏ qua dòng nhắc và sử dụng thiết lập trước là saved hay remote -d, --default Bỏ qua dòng nhắc và sử dụng thiết lập trước là default -i, --inlinePreset <json> Bỏ qua các dòng nhắc và sử dụng chuỗi inline JSON làm thiết lập trước -m, --packageManager <command> Dùng npm client được chỉ định khi cài đặt các dependencies -r, --registry <url> Sử dụng npm registry được chỉ định khi cái đặt các dependencies -g, --git [message|false] Bắt buộc / bỏ qua khởi tạo git, tùy chọn chỉ định khởi tạo thông điệp commit -n, --no-git Bỏ qua khởi tạo git -f, --force Ghi đè thư mục đích nếu có sẵn -c, --clone Sử dụng git clone khi nạp các thiết lập trước từ xa -x, --proxy Sử dụng proxy được chỉ định khi tạo project -b, --bare Scaffold project mà không có các hướng dẫn ban đầu -h, --help Hiển thị các thông tin hữu ích
Sử dụng GUI
Bạn cũng có thể tạo và quản lý các dự án bằng cách sử dụng giao diện đồ họa với lệnh vue ui:
vue ui
Lệnh trên sẽ mở ra một cửa sổ trình duyệt với một GUI hướng dẫn bạn thông qua quá trình tạo dự án.
Lấy lại phiên bản 2.x (cũ)
Vue CLI 3 sử dụng cùng một vue nhị phân, do đó, nó ghi đè lên Vue CLI 2 ( vue-cli). Nếu bạn vẫn cần vue init cũ, bạn có thể thực hiện lệnh sau:
npm install -g @vue/cli-init # vue init sẽ chuyển sang phiên bản vue-cli@2.x vue init webpack my-project