From 56535ba4f2b22bb2d36b5f21ab0c19805eab5408 Mon Sep 17 00:00:00 2001 From: Herbert Date: Wed, 26 May 2021 11:19:54 +0800 Subject: [PATCH 1/6] docs(cn): editors/vscode translation --- editors/vscode.md | 82 +++++++++++++++++++++++------------------------ 1 file changed, 41 insertions(+), 41 deletions(-) diff --git a/editors/vscode.md b/editors/vscode.md index 04502d78..f5ad3a51 100644 --- a/editors/vscode.md +++ b/editors/vscode.md @@ -1,79 +1,79 @@ -# Windi CSS Intellisense for VS Code +# 为 VS Code 提供的 Windi CSS 智能感知 -Windi CSS IntelliSense enhances the Windi development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, code folding, and building. +Windi CSS 智能感知通过提供给 Visual Studio Code 用户高级特性的方式来提高 Windi 的开发体验，例如：自动补全、语法高亮、代码折叠和构建。 -## Installation +## 安装 -**[Install via the Visual Studio Code Marketplace →](https://marketplace.visualstudio.com/items?itemName=voorjaar.windicss-intellisense)** +**[通过 Visual Studio Code Marketplace 安装 →](https://marketplace.visualstudio.com/items?itemName=voorjaar.windicss-intellisense)** -**[Install via the Open VSX Registry →](https://open-vsx.org/extension/voorjaar/windicss-intellisense)** +**[通过 Open VSX Registry 安装 →](https://open-vsx.org/extension/voorjaar/windicss-intellisense)** -This plugin packs a windicss compiler, so you can use it without installing windicss, and it also supports the configuration file `(tailwind|windi).config.(js|cjs|ts)`. +这个插件打包了一个 windicss 编译器，所以即使你不安装 windicss 也可以使用，也支持了配置文件 `(tailwind|windi).config.(js|cjs|ts)`。 -## Features +## 特性 -### Autocomplete +### 自动补全 -Intelligent suggestions for utilities and variants. +为工具类和变量提供智能建议。 Auto Complete -### Hover Preview +### 悬停预览 -See the complete CSS for a class name by hovering over it. +悬停于一个 class name 的上方时可以看到其完整的 CSS。 Hover Preview -### Syntax Highlighting +### 语法高亮 -Highlight utilities, variants and importants. +高亮工具类、变量和重要的部分。 Syntax Highlighting -### Color Preview +### 颜色预览 -Preview color and spectrum. +预览颜色和色谱。 Color Preview -### Code Folding +### 代码折叠 -Fold overly long classes to increase readability. +折叠超长的 classes 以提高可读性。 Code Folding -### Compile Commands +### 编译命令 -Built-in commands, one-key operation. +内置编译命令，一键操作。 Compile Commands -## Extension Settings - -| Settings | type | default | description | -| :--------------------------------- | :------ | :------- | :----------------------------------------------------------- | -| `windicss.enableColorDecorators` | boolean | true | Enable Color Decorators. | -| `windicss.enableHoverPreview` | boolean | true | Enable hover className to show preview of CSS. | -| `windicss.enableCodeCompletion` | boolean | true | Enable/Disable all code completions. | -| `windicss.enableUtilityCompletion` | boolean | true | Enable Utility Completion. | -| `windicss.enableVariantCompletion` | boolean | true | Enable Variant Completion. | -| `windicss.enableDynamicCompletion` | boolean | true | Enable Dynamic Utilities Completion like p-${int}. | -| `windicss.enableRemToPxPreview` | boolean | true | Enable Rem to Px Preview. | -| `windicss.enableCodeFolding` | boolean | true | Enable ClassNames Code Folding. | -| `windicss.foldByLength` | boolean | false | Folding code by length. Default option is false, will fold by utility count. | -| `windicss.foldCount` | number | 3 | Used by foldByCount. | -| `windicss.foldLength` | number | 25 | Used by foldByLength | -| `windicss.hiddenText` | string | ` ...` | Placeholder used when folding code. | -| `windicss.hiddenTextColor` | string | \#AED0A4 | Placeholder Color. | -| `windicss.sortOnSave` | boolean | false | Runs class sorting on file save. | - -## For more information +## 扩展设置 + +| 设置 | 类型 | 默认值 | 描述 | +| :--------------------------------- | :------ | :------- | :--------------------------------------------------------- | +| `windicss.enableColorDecorators` | boolean | true | 启用颜色修饰符。 | +| `windicss.enableHoverPreview` | boolean | true | 启用悬停 className 展示 CSS 预览。 | +| `windicss.enableCodeCompletion` | boolean | true | 启用/禁用所有的代码补全 | +| `windicss.enableUtilityCompletion` | boolean | true | 启用工具类补全。 | +| `windicss.enableVariantCompletion` | boolean | true | 启用变量补全。 | +| `windicss.enableDynamicCompletion` | boolean | true | 启用类似于 p-${int}. 的动态工具类补全。 | +| `windicss.enableRemToPxPreview` | boolean | true | 允许 Rem 转化为 Px 预览。 | +| `windicss.enableCodeFolding` | boolean | true | 允许 ClassNames 代码折叠。 | +| `windicss.foldByLength` | boolean | false | 由长度决定折叠代码。默认是关闭的，通过工具类的数量来折叠。 | +| `windicss.foldCount` | number | 3 | 通过 foldByCount 使用。 | +| `windicss.foldLength` | number | 25 | 通过 foldByLength 使用。 | +| `windicss.hiddenText` | string | ` ...` | 占位符用于折叠代码之时。 | +| `windicss.hiddenTextColor` | string | \#AED0A4 | 占位符颜色。 | +| `windicss.sortOnSave` | boolean | false | 当文件保存时进行 class 排序。 | + +## 了解更多 * [Windi CSS](https://github.com/windicss/windicss) -* [Documentation](https://windicss.org) -* [Discussions](https://github.com/windicss/windicss/discussions) +* [文档](https://windicss.org) +* [讨论](https://github.com/windicss/windicss/discussions) * [Issues](https://github.com/windicss/windicss-intellisense/issues) From fb379b40cbf1a27471c7b0f0b6721cd5f34c4df5 Mon Sep 17 00:00:00 2001 From: Herbert Date: Wed, 26 May 2021 12:17:42 +0800 Subject: [PATCH 2/6] docs(cn): editors/vscode translation --- editors/vscode.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/editors/vscode.md b/editors/vscode.md index f5ad3a51..f39d6617 100644 --- a/editors/vscode.md +++ b/editors/vscode.md @@ -12,7 +12,7 @@ Windi CSS 智能感知通过提供给 Visual Studio Code 用户高级特性的 **[通过 Open VSX Registry 安装 →](https://open-vsx.org/extension/voorjaar/windicss-intellisense)** -这个插件打包了一个 windicss 编译器，所以即使你不安装 windicss 也可以使用，也支持了配置文件 `(tailwind|windi).config.(js|cjs|ts)`。 +这个插件打包了一个 windicss 编译器，所以即使你不安装 windicss 也可以使用，支持配置文件 `(tailwind|windi).config.(js|cjs|ts)`。 ## 特性 From 4e7be539e3ce8e6c436bcb92b6fda37e8677924d Mon Sep 17 00:00:00 2001 From: Herbert Date: Wed, 26 May 2021 12:34:28 +0800 Subject: [PATCH 3/6] docs(cn): editors/vscode translation --- editors/vscode.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/editors/vscode.md b/editors/vscode.md index f39d6617..5d326160 100644 --- a/editors/vscode.md +++ b/editors/vscode.md @@ -1,12 +1,12 @@ -# 为 VS Code 提供的 Windi CSS 智能感知 +# 为 VS Code 提供的 Windi CSS 智能感知 {#windi-css-intellisense-for-vs-code} -Windi CSS 智能感知通过提供给 Visual Studio Code 用户高级特性的方式来提高 Windi 的开发体验，例如：自动补全、语法高亮、代码折叠和构建。 +Windi CSS 智能感知通过提供给 Visual Studio Code 用户一些特性的方式来提高 Windi 的开发体验，例如：自动补全、语法高亮、代码折叠和构建。 -## 安装 +## 安装 {#installation} **[通过 Visual Studio Code Marketplace 安装 →](https://marketplace.visualstudio.com/items?itemName=voorjaar.windicss-intellisense)** @@ -14,45 +14,45 @@ Windi CSS 智能感知通过提供给 Visual Studio Code 用户高级特性的 这个插件打包了一个 windicss 编译器，所以即使你不安装 windicss 也可以使用，支持配置文件 `(tailwind|windi).config.(js|cjs|ts)`。 -## 特性 +## 特性 {#features} -### 自动补全 +### 自动补全 {#autocomplete} 为工具类和变量提供智能建议。 Auto Complete -### 悬停预览 +### 悬停预览 {#hover-preview} 悬停于一个 class name 的上方时可以看到其完整的 CSS。 Hover Preview -### 语法高亮 +### 语法高亮 {#syntax-highlighting} 高亮工具类、变量和重要的部分。 Syntax Highlighting -### 颜色预览 +### 颜色预览 {#color-preview} 预览颜色和色谱。 Color Preview -### 代码折叠 +### 代码折叠 {#code-folding} 折叠超长的 classes 以提高可读性。 Code Folding -### 编译命令 +### 编译命令 {#compile-commands} 内置编译命令，一键操作。 Compile Commands -## 扩展设置 +## 扩展设置 {#extension-settings} | 设置 | 类型 | 默认值 | 描述 | | :--------------------------------- | :------ | :------- | :--------------------------------------------------------- | @@ -71,7 +71,7 @@ Windi CSS 智能感知通过提供给 Visual Studio Code 用户高级特性的 | `windicss.hiddenTextColor` | string | \#AED0A4 | 占位符颜色。 | | `windicss.sortOnSave` | boolean | false | 当文件保存时进行 class 排序。 | -## 了解更多 +## 了解更多 {#for-more-information} * [Windi CSS](https://github.com/windicss/windicss) * [文档](https://windicss.org) From 0788568b0ff640e53d8ff9398cdbdedb453fb834 Mon Sep 17 00:00:00 2001 From: Herbert Date: Wed, 26 May 2021 13:58:06 +0800 Subject: [PATCH 4/6] docs(cn): editors/vscode translation --- editors/vscode.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/editors/vscode.md b/editors/vscode.md index 5d326160..d4be37fa 100644 --- a/editors/vscode.md +++ b/editors/vscode.md @@ -1,10 +1,10 @@ -# 为 VS Code 提供的 Windi CSS 智能感知 {#windi-css-intellisense-for-vs-code} +# 为 VS Code 提供的 Windi CSS Intellisense {#windi-css-intellisense-for-vs-code} -Windi CSS 智能感知通过提供给 Visual Studio Code 用户一些特性的方式来提高 Windi 的开发体验，例如：自动补全、语法高亮、代码折叠和构建。 +Windi CSS Intellisense 通过提供给 Visual Studio Code 用户一些特性的方式来提高 Windi 的开发体验，例如：自动补全、语法高亮、代码折叠和构建。 ## 安装 {#installation} @@ -61,7 +61,7 @@ Windi CSS 智能感知通过提供给 Visual Studio Code 用户一些特性的 | `windicss.enableCodeCompletion` | boolean | true | 启用/禁用所有的代码补全 | | `windicss.enableUtilityCompletion` | boolean | true | 启用工具类补全。 | | `windicss.enableVariantCompletion` | boolean | true | 启用变量补全。 | -| `windicss.enableDynamicCompletion` | boolean | true | 启用类似于 p-${int}. 的动态工具类补全。 | +| `windicss.enableDynamicCompletion` | boolean | true | 启用类似于 p-${int} 的动态工具类补全。 | | `windicss.enableRemToPxPreview` | boolean | true | 允许 Rem 转化为 Px 预览。 | | `windicss.enableCodeFolding` | boolean | true | 允许 ClassNames 代码折叠。 | | `windicss.foldByLength` | boolean | false | 由长度决定折叠代码。默认是关闭的，通过工具类的数量来折叠。 | From 88c31e5e3e396bcf0affa56eb591eacc0e34848f Mon Sep 17 00:00:00 2001 From: Herbert Date: Wed, 26 May 2021 15:48:05 +0800 Subject: [PATCH 5/6] docs(cn): editors/vscode translation --- editors/vscode.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/editors/vscode.md b/editors/vscode.md index d4be37fa..d668a256 100644 --- a/editors/vscode.md +++ b/editors/vscode.md @@ -18,7 +18,7 @@ Windi CSS Intellisense 通过提供给 Visual Studio Code 用户一些特性的 ### 自动补全 {#autocomplete} -为工具类和变量提供智能建议。 +为工具类和可变修饰提供智能建议。 Auto Complete @@ -30,7 +30,7 @@ Windi CSS Intellisense 通过提供给 Visual Studio Code 用户一些特性的 ### 语法高亮 {#syntax-highlighting} -高亮工具类、变量和重要的部分。 +高亮工具类、可变修饰和重要的部分。 Syntax Highlighting @@ -60,8 +60,8 @@ Windi CSS Intellisense 通过提供给 Visual Studio Code 用户一些特性的 | `windicss.enableHoverPreview` | boolean | true | 启用悬停 className 展示 CSS 预览。 | | `windicss.enableCodeCompletion` | boolean | true | 启用/禁用所有的代码补全 | | `windicss.enableUtilityCompletion` | boolean | true | 启用工具类补全。 | -| `windicss.enableVariantCompletion` | boolean | true | 启用变量补全。 | -| `windicss.enableDynamicCompletion` | boolean | true | 启用类似于 p-${int} 的动态工具类补全。 | +| `windicss.enableVariantCompletion` | boolean | true | 启用可变修饰补全。 | +| `windicss.enableDynamicCompletion` | boolean | true | 启用类似于 p-${int} 的动态工具类补全。 | | `windicss.enableRemToPxPreview` | boolean | true | 允许 Rem 转化为 Px 预览。 | | `windicss.enableCodeFolding` | boolean | true | 允许 ClassNames 代码折叠。 | | `windicss.foldByLength` | boolean | false | 由长度决定折叠代码。默认是关闭的，通过工具类的数量来折叠。 | From 02ead57bc663fec4f8f6600a76a572fbdb3f4bd6 Mon Sep 17 00:00:00 2001 From: Herbert Date: Wed, 26 May 2021 16:38:02 +0800 Subject: [PATCH 6/6] docs(cn): editors/vscode translation --- editors/vscode.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/editors/vscode.md b/editors/vscode.md index d668a256..b5a8e21a 100644 --- a/editors/vscode.md +++ b/editors/vscode.md @@ -18,7 +18,7 @@ Windi CSS Intellisense 通过提供给 Visual Studio Code 用户一些特性的 ### 自动补全 {#autocomplete} -为工具类和可变修饰提供智能建议。 +为工具类 (utilities) 和可变修饰 (variants) 提供智能建议。 Auto Complete