NuxtJS - Các lệnh Nuxt.js

2023-11-20 10:48:30 NuxtJS Học Lập Trình JavaScrip 36 lượt xem 0 bình luận

Trong bài viết này, chúng ta sẽ tìm hiểu về các lệnh NuxtJS có trong khung NuxtJS. Nó đi kèm với một số lệnh hữu ích để phát triển và sản xuất. Tất cả các lệnh Nuxtjs đều được mô tả bằng hình ảnh đầu ra.

**Bước 1:** Bạn có thể tạo dự án NuxtJs mới bằng lệnh bên dưới:

```
npx create-nuxt-app gfg
```

**Bước 2:** Bây giờ hãy điều hướng đến ứng dụng của bạn bằng lệnh sau:

```
cd gfg
```

**Cấu trúc dự án:** Nó sẽ trông như thế này.

![](/images/2023/3/11/22-1700616095-dirnuxtjs.png)

Nếu bạn mở ```package.json```, bạn có thể thấy 4 lệnh trong phần tập lệnh.

![](/images/2023/3/11/22-1700616095-packagesnuxt.png)

**Các lệnh:** Chúng ta hãy xem xét các lệnh này một cách chi tiết.

**Dev:** Lệnh này được sử dụng để chạy máy chủ chế độ phát triển trên thiết bị của bạn. Bạn có thể khởi động máy chủ bằng cách gõ lệnh bên dưới trong ```terminal```:

*Dùng npm:*

```
npm run dev
```

*Dùng yarn:*

```
yarn dev
```

**Đầu ra:** Bây giờ bạn có thể xem dụng ứng dụng của mình trên localhost với cổng 3000.

![](/images/2023/3/11/22-1700616096-rundev.png)

**Build:** Lệnh này sẽ xây dựng một phiên bản ứng dụng được tối ưu hóa để sản xuất. Bạn có thể bắt đầu quá trình xây dựng sản xuất bằng cách sử dụng các lệnh bên dưới.

*Dùng npm:*

```
npm run build
```

*Dùng yarn:*

```
yarn build
```

**Đầu ra:**

![](/images/2023/3/11/22-1700616096-runbuild.png)

**Generate:** Lệnh này sẽ xây dựng một phiên bản tệp tĩnh (tệp HTML) của ứng dụng để sản xuất. Bạn có thể bắt đầu quá trình xây dựng bằng các lệnh bên dưới.

*Dùng npm:*

```
npm run generate
```

*Dùng yarn:*

```
yarn generate
```

**Đầu ra:**

![](/images/2023/3/11/22-1700616096-rungenerate.png)

**Start:** Lệnh này sẽ khởi động chạy quá trình xây dựng sản xuất của bạn (tĩnh hoặc máy chủ). Bạn có thể chạy bằng các lệnh bên dưới trong ```terminal```:

*Dùng npm:*

```
npm run start
```

*Dùng yarn:*

```
yarn start
```

*Lưu ý:* Để chạy lệnh ```start```, trước tiên bạn phải xây dựng bản dựng ứng dụng của mình. Nếu không, bạn sẽ thấy lỗi “Không tìm thấy bản dựng”.

**Đầu ra:**

![](/images/2023/3/11/22-1700616095-builderror.png)

------

***Mục lục:***

[- Thẻ Meta trong Nuxt.js](/learn/detail?learnId=28)

[- Các lệnh Nuxt.js](/learn/detail?learnId=29)

[- Định tuyến trong Nuxt.js](/learn/detail?learnId=30)

[- Triển khai Nuxt.js](/learn/detail?learnId=31)

Sau khi bạn nắm vững căn bản của mình giới thiệu, bạn có thể vào các trang này để tiềm hiểu nâng cao

[- Nuxt 2 - Tutorials](https://v2.nuxt.com/tutorials/)

[- Nuxt 3 - Tutorials](https://nuxt.com/docs/getting-started/installation)

- Tổng hợp và hướng dẫn về System Admin,
Server, Cloud, Docker, Monitor.
- Hướng dẫn lập trình Backend, Website.
- Hướng dẫn lập trình App Android & IOS.
- Hướng dẫn lập trình Games.
- Học từ vựng và luyện kỷ năng ngoại ngữ.