VueJS: Cài đặt nhanh

Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
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.jsindex.jsApp.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.htmlpackage.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.

» Tiếp: Tạo một project
« Trước: Vue CLI 3: Cài đặt
Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
Giải phóng thời gian, khai phóng năng lực
Copied !!!