瀏覽代碼

[vscode]Update stdf-vscode-extension

dufu1991 3 年之前
父節點
當前提交
ec2aa87342

+ 19 - 7
packages/vscode-extension/README.md

@@ -1,13 +1,25 @@
-[English](https://github.com/dufu1991/stdf/blob/main/packages/vscode-extension/README.md)
+[简体中文](https://github.com/dufu1991/stdf/blob/main/packages/vscode-extension/README_CN.md)
 
-# 介绍
+# Introduction
 
-一个 VS Code 插件,用于在使用 [STDF](https://stdf.design) 时提供一些便利功能。
+A VS Code extension that provides convenience when developing with [STDF](https://stdf.design).
 
-# 安装
+# Installation
 
-在 VS Code 中搜索 `stdf`,然后点击安装。
+Search for `stdf-vscode-extension` in the VS Code extensions marketplace and click install, or install [stdf-vscode-extension](https://marketplace.visualstudio.com/items?itemName=STDF.stdf-vscode-extension&ssr=false#overview) from the marketplace.
 
-# 许可证
+# Features
 
-本项目基于 [MIT 许可证](https://github.com/dufu1991/stdf/blob/main/LICENSE)。请随意享受并贡献给这个开源项目。
+### When hovering over the STDF component name, display the API of that component.
+
+![TIP](./src/assets/tip.png)
+
+# Configuration
+
+The default API display is in Simplified Chinese. You can enable English API in the VS Code settings.
+
+![TIP](./src/assets/setting.png)
+
+# License
+
+This project is licensed under the [MIT License](https://github.com/dufu1991/stdf/blob/main/LICENSE). Feel free to use and contribute to this open-source project.

+ 8 - 79
packages/vscode-extension/README_CN.md

@@ -2,94 +2,23 @@
 
 # 介绍
 
-一个 VS Code 插件,用于在使用 [STDF](https://stdf.design) 时提供一些便利功能
+一个 VS Code 插件,用于在使用 [STDF](https://stdf.design) 开发时提供一些便利。
 
 # 安装
 
-在 VS Code 中搜索 `stdf`,然后点击安装
+在 VS Code 插件中搜索 `stdf-vscode-extension` 点击安装,或到 VS Code 插件市场安装 [stdf-vscode-extension](https://marketplace.visualstudio.com/items?itemName=STDF.stdf-vscode-extension&ssr=false#overview)
 
-一个用于创建新的 [STDF](https://stdf.design) 项目的命令行工具。只需运行以下命令...
+# 功能
 
-使用 PNPM:
+### 光标悬浮于 STDF 组件名称上时,显示该组件的API。
 
-```bash
-pnpm create stdf
-```
+![TIP](./src/assets/tip.png)
 
-使用 NPM:
+# 配置
 
-```bash
-npm create stdf@latest
-# 或者
-npm init stdf@latest
-# 或者
-npx create-stdf@latest
-```
+默认显示的 API 为简体中文,可到 VS Code 的设置页开启英文 API。
 
-...然后按照提示进行操作。
-
-你也可以通过额外的命令行选项直接指定项目名称和要使用的模板。例如,如果要使用 **Vite + Svelte + Tailwind + STDF** 模板创建一个名为 `my-app` 的新项目,请运行:
-
-```bash
-# pnpm
-pnpm create stdf my-app
-
-# npm
-npm create stdf@latest my-app
-```
-
-如果要使用 **Vite + UnoCSS + Svelte + STDF** 模板,请运行:
-
-```bash
-# pnpm
-pnpm create stdf my-app --template vu
-# 或者
-pnpm create stdf my-app -t vu
-
-# npm
-npm create stdf@latest my-app --template vu
-# 或者
-npm create stdf@latest my-app -t vu
-```
-
-模板预设包括:
-
-| 简写 | 模板                                         | 描述     |
-| ---- | -------------------------------------------- | -------- |
-| vt   | Vite + Tailwind + Svelte + STDF              | 默认     |
-| vu   | Vite + UnoCSS + Svelte + STDF                | -        |
-| skt  | SvelteKit + Tailwind + STDF                  | 尚未适配 |
-| sku  | SvelteKit + UnoCSS + STDF                    | 尚未适配 |
-| vtt  | Vite + Tailwind + TypeScript + Svelte + STDF | 尚未适配 |
-| vut  | Vite + UnoCSS + TypeScript + Svelte + STDF   | 尚未适配 |
-| sktt | SvelteKit + Tailwind + TypeScript + STDF     | 尚未适配 |
-| skut | SvelteKit + UnoCSS + TypeScript + STDF       | 尚未适配 |
-
-# 命令选项
-
-| 命令            | 类型   | 默认  | 描述                                                                                 |
-| --------------- | ------ | ----- | ------------------------------------------------------------------------------------ |
-| -               | string | -     | 项目名称,可以直接输入。                                                             |
-| -t / --template | string | vt    | 要使用的模板。可用的模板有:`vt`、`vu`、`skt`、`sku`、`vtt`、`vut`、`sktt`、`skut`。 |
-| -l / --language | string | en_US | 提示语言。                                                                           |
-
-# 支持的语言
-
-| 代码  | 语言         |
-| ----- | ------------ |
-| en_US | 英语(美式) |
-| zh_CN | 中文(简体) |
-| zh_TW | 中文(繁体) |
-| ja_JP | 日语         |
-| ko_KR | 韩语         |
-| es_ES | 西班牙语     |
-| ru_RU | 俄语         |
-
-例如:
-
-```bash
-pnpm create stdf my-app -l zh_CN
-```
+![TIP](./src/assets/setting.png)
 
 
 # 许可证

+ 3 - 2
packages/vscode-extension/package.json

@@ -2,7 +2,7 @@
     "name": "stdf-vscode-extension",
     "displayName": "stdf-vscode-extension",
     "description": "A VS Code extension to facilitate STDF development",
-    "version": "0.0.3",
+    "version": "0.0.4",
     "publisher": "STDF",
     "icon": "./src/assets/stdf-vscode-extension.png",
     "main": "./src/extension.js",
@@ -23,7 +23,8 @@
         "svelte",
         "stdf",
         "component",
-        "api"
+        "api",
+        "javascript"
     ],
     "contributes": {
         "commands": [],

二進制
packages/vscode-extension/src/assets/setting.png


二進制
packages/vscode-extension/src/assets/tip.png