VSCode Google Translate 插件使用教程
1. 项目的目录结构及介绍
vscode-google-translate/
├── .github/
│ └── workflows/
│ └── ci.yml
├── .vscode/
│ └── settings.json
├── media/
│ └── icon.png
├── src/
│ ├── commands/
│ │ ├── translateLine.ts
│ │ ├── translateSelection.ts
│ │ └── setPreferredLanguage.ts
│ ├── extension.ts
│ ├── hover.ts
│ ├── proxy.ts
│ └── utils.ts
├── .gitignore
├── package.json
├── README.md
└── tsconfig.json
- .github/workflows/ci.yml: GitHub Actions 的 CI 配置文件。
- .vscode/settings.json: VSCode 工作区设置文件。
- media/icon.png: 插件图标。
- src/commands/: 包含插件的命令实现文件。
- translateLine.ts: 翻译当前行的命令。
- translateSelection.ts: 翻译选中文本的命令。
- setPreferredLanguage.ts: 设置首选语言的命令。
- src/extension.ts: 插件的主入口文件。
- src/hover.ts: 悬停翻译功能的实现文件。
- src/proxy.ts: 代理设置的实现文件。
- src/utils.ts: 工具函数文件。
- .gitignore: Git 忽略文件配置。
- package.json: 插件的元数据和依赖配置。
- README.md: 项目说明文档。
- tsconfig.json: TypeScript 配置文件。
2. 项目的启动文件介绍
src/extension.ts 是插件的启动文件,负责注册命令和悬停翻译功能。以下是该文件的主要内容:
import * as vscode from 'vscode';
import { registerCommands } from './commands';
import { setupHover } from './hover';
export function activate(context: vscode.ExtensionContext) {
registerCommands(context);
setupHover(context);
}
export function deactivate() {}
- activate: 插件激活时调用的函数,注册命令和悬停翻译功能。
- deactivate: 插件停用时调用的函数。
3. 项目的配置文件介绍
package.json 是插件的配置文件,包含插件的元数据、命令、快捷键等信息。以下是该文件的部分内容:
{
"name": "vscode-google-translate",
"displayName": "VSCode Google Translate",
"description": "Translate text right in your code",
"version": "1.0.0",
"publisher": "funkyremi",
"engines": {
"vscode": "^1.50.0"
},
"activationEvents": [
"onCommand:vscode-google-translate.translateSelection",
"onCommand:vscode-google-translate.translateLine",
"onCommand:vscode-google-translate.setPreferredLanguage",
"onLanguage:*"
],
"main": "./out/extension.js",
"contributes": {
"commands": [
{
"command": "vscode-google-translate.translateSelection",
"title": "Translate selected text"
},
{
"command": "vscode-google-translate.translateLine",
"title": "Translate line(s) under the cursor"
},
{
"command": "vscode-google-translate.setPreferredLanguage",
"title": "Set Preferred Language"
}
],
"keybindings": [
{
"command": "vscode-google-translate.translateSelection",
"key": "alt+shift+t",
"when": "editorTextFocus"
}
],
"configuration": {
"type": "object",
"title": "VSCode Google Translate Configuration",
"properties": {
"vscodeGoogleTranslate.preferredLanguage": {
"type": "string",
"default": "en",
"description": "Preferred language for translations"