VueJS: Cài đặt nhanh
Giải phóng thời gian, khai phóng năng lực
Bạn có thể nhanh chóng tạo mẫu thử nghiệm chỉ với một tệp *.vue
duy nhất với các lệnh vue serve
và vue build
, nhưng chúng yêu cầu một addon bổ sung toàn cầu được cài đặt trước:
npm install -g @vue/cli-service-global
Hạn chế của vue serve
là nó dựa trên các phụ thuộc được cài đặt trên toàn cầu có thể không phù hợp trên các máy khác nhau. Do đó, điều này chỉ được khuyến khích cho việc tạo mẫu nhanh.
vue serve
Sử dụng: serve [options] [entry] serve một file .js or .vue trong chế độ development mà không cần cấu hình Các tùy chọn: -o, --open Mở trình duyệt -c, --copy Copy url local vào clipboard -h, --help hiển thị các thông tin hữu dụng
Tất cả những gì bạn cần là một tập tin App.vue
:
<template> <h1>Hello!</h1> </template>
Sau đó tại thư mục chứa file App.vue ta thực hiện lệnh sau
:
vue serve
vue serve
sử dụng cùng một thiết lập mặc định (webpack, babel, postcss & eslint) như các dự án được tạo bởi vue create
. Nó tự động suy ra các tập tin trong thư mục hiện hành - đầu vào có thể là main.js
, index.js
, App.vue
hoặc app.vue
. Bạn cũng có thể chỉ định rõ tệp đầu vào:
vue serve MyComponent.vue
Nếu cần thiết, bạn cũng có thể cung cấp một index.html
, package.json
, cài đặt và sử dụng phụ thuộc địa phương, hoặc thậm chí cấu hình babel, postcss & eslint với các tập tin cấu hình tương ứng.
#vue build
Sử dụng: build [options] [entry] build một file .js hoặc .vue trong chế độ production mà không có cấu hình Các tùy chọn: -t, --target <target> Build target (app | lib | wc | wc-async, mặc định: app) -n, --name <name> tên cho thư viện hoặc web-component (mặc định: tên file nhập vào) -d, --dest <dir> output vào thư mục (mặc: dist) -h, --help output những thông tin hữu ích
Bạn cũng có thể xây dựng tệp đích vào một gói production để triển khai với vue build
:
vue build MyComponent.vue
vue build
cũng cung cấp khả năng xây dựng component như một thư viện hoặc một web component. Xem xây dựng mục tiêu để biết thêm chi tiết.
Giải phóng thời gian, khai phóng năng lực