You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Tim hiểu thêm về [cấu hình Monaco](https://github.com/Microsoft/monaco-editor).
16
16
17
-
## TypeScript Types
17
+
## Các kiểu dữ liệu TypeScript
18
18
19
-
Khi sử dụng TypeScript với Monaco, các types cho các dependencies sẽ được cài đặt tự động trên phía client.
19
+
Khi sử dụng TypeScript với Monaco, các kiểu dữ liệu của các phụ thuộc sẽ được cài đặt tự động ở phía máy khách.
20
20
21
21
````md
22
22
```ts {monaco}
@@ -27,11 +27,11 @@ const counter = ref(0)
27
27
```
28
28
````
29
29
30
-
Trong ví dụ trên, hãy đảm bảo rằng `vue` và `@vueuse/core` được cài đặt là các dependencies / devDependencies trong dự án của bạn. Slidev sẽ xử lý phần còn lại để tự động làm việc với các types cho trình editor. Khi được triển khai dưới dạng SPA, các types này cũng sẽ được đóng gói cho việc static host.
30
+
Trong ví dụ trên, hãy đảm bảo rằng `vue` và `@vueuse/core` được cài đặt là các phụ thuộc (dependencies / devDependencies) trong dự án của bạn. Slidev sẽ xử lý phần còn lại để tự động làm việc với các kiểu dữ liệu cho trình soạn thảo. Khi được triển khai dưới dạng SPA, các kiểu dữ liệu này cũng sẽ được đóng gói cho việc static host.
31
31
32
-
### Các type bổ sung
32
+
### Các kiểu dữ liệu bổ sung
33
33
34
-
Slidev sẽ quét tất cả các khối code Monaco trong các slide của bạn và tự động import các type cho những thư viện mà bạn đã sử dụng. Trong trường hợp Slidev bỏ sót một số type, bạn có thể chỉ định rõ ràng các package bổ sung để import các type cho chúng:
34
+
Slidev sẽ quét tất cả các khối code Monaco trong các slide của bạn và tự động import các kiểu dữ liệu cho những thư viện mà bạn đã sử dụng. Trong trường hợp Slidev bỏ sót một số kiểu dữ liệu, bạn có thể chỉ định rõ ràng các package bổ sung để import các kiểu dữ liệu cho chúng:
Bạn có thể tùy chọn chuyển sang load các type từ CDN bằng cách thiết lập headmatter sau:
46
+
Bạn có thể tùy chọn chuyển sang load các kiểu dữ liệu từ CDN bằng cách thiết lập headmatter sau:
47
47
48
48
```md
49
49
---
50
50
monacoTypesSource: ata
51
51
---
52
52
```
53
53
54
-
Tính năng này được hỗ trợ bởi [`@typescript/ata`](https://github.com/microsoft/TypeScript-Website/tree/v2/packages/ata) và hoạt động hoàn toàn ở client-side.
54
+
Tính năng này được hỗ trợ bởi [`@typescript/ata`](https://github.com/microsoft/TypeScript-Website/tree/v2/packages/ata) và hoạt động hoàn toàn ở phía máy khách.
55
55
56
56
## Cấu hình theme
57
57
58
58
Kể từ v0.48.0, Monaco sẽ tái sử dụng theme Shiki mà bạn đã cấu hình trong [file cấu hình của Shiki](/custom/config-highlighter#configure-shiki), được hỗ trợ bởi [`@shikijs/monaco`](https://shiki.style/packages/monaco). Bạn không cần phải lo lắng về điều này nữa, và nó sẽ có một style nhất quán với phần còn lại của các khối code trong Slidev.
59
59
60
-
## Cấu hình Trình soạn thảo
60
+
## Cấu hình trình soạn thảo
61
61
62
62
> Có sẵn từ v0.43.0
63
63
@@ -94,6 +94,6 @@ monaco: false # cũng có thể là `dev` hoặc `build` để enable có điề
94
94
---
95
95
```
96
96
97
-
## Cấu hình code runners
97
+
## Cấu hình Code Runners
98
98
99
-
Để cấu hình cách Monaco Runner chạy code hoặc thêm hỗ trợ cho các ngôn ngữ tùy chỉnh, vui lòng tham khảo [Cấu hình code runners](/custom/config-code-runners).
99
+
Để cấu hình cách Monaco Runner chạy code hoặc thêm hỗ trợ cho các ngôn ngữ tùy chỉnh, vui lòng tham khảo [Cấu hình Code Runners](/custom/config-code-runners).
0 commit comments