├── src
├── types
│ └── global.d.ts
├── editor
│ ├── index.ts
│ ├── annotation.ts
│ ├── transView.ts
│ ├── hover.ts
│ └── extract.ts
├── utils
│ ├── index.ts
│ └── KeyDetector.ts
└── extension.ts
├── .gitignore
├── static
├── demo.png
├── demo1.png
├── demo2.gif
├── demo3.png
├── logo.png
├── icon-translate.svg
└── transView.html
├── .gitattributes
├── .gitmodules
├── .vscodeignore
├── tsconfig.json
├── tslint.json
├── .vscode
├── tasks.json
├── settings.json
└── launch.json
├── CHANGELOG.md
├── vsc-extension-quickstart.md
├── package.json
├── README.md
└── yarn.lock
/src/types/global.d.ts:
--------------------------------------------------------------------------------
1 | declare module NodeJS {}
2 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | out
2 | node_modules
3 | .vscode-test/
4 | *.vsix
5 | .DS_Store
--------------------------------------------------------------------------------
/static/demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/think2011/vscode-vue-i18n/HEAD/static/demo.png
--------------------------------------------------------------------------------
/static/demo1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/think2011/vscode-vue-i18n/HEAD/static/demo1.png
--------------------------------------------------------------------------------
/static/demo2.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/think2011/vscode-vue-i18n/HEAD/static/demo2.gif
--------------------------------------------------------------------------------
/static/demo3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/think2011/vscode-vue-i18n/HEAD/static/demo3.png
--------------------------------------------------------------------------------
/static/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/think2011/vscode-vue-i18n/HEAD/static/logo.png
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Set default behavior to automatically normalize line endings.
2 | * text=auto
3 |
4 |
--------------------------------------------------------------------------------
/.gitmodules:
--------------------------------------------------------------------------------
1 | [submodule "src/core"]
2 | path = src/core
3 | url = git@github.com:think2011/vscode-i18n-core.git
4 |
--------------------------------------------------------------------------------
/src/editor/index.ts:
--------------------------------------------------------------------------------
1 | export * from './annotation'
2 | export * from './extract'
3 | export * from './hover'
4 | export * from './transView'
5 |
--------------------------------------------------------------------------------
/.vscodeignore:
--------------------------------------------------------------------------------
1 | .vscode/**
2 | .vscode-test/**
3 | out/test/**
4 | out/**/*.map
5 | src/**
6 | .gitignore
7 | tsconfig.json
8 | vsc-extension-quickstart.md
9 | tslint.json
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "module": "commonjs",
4 | "target": "es6",
5 | "rootDirs": ["src"],
6 | "outDir": "out",
7 | "lib": ["es6"],
8 | "sourceMap": true,
9 | "strict": false,
10 | "resolveJsonModule": true
11 | },
12 | "exclude": ["node_modules", ".vscode-test"]
13 | }
14 |
--------------------------------------------------------------------------------
/src/editor/annotation.ts:
--------------------------------------------------------------------------------
1 | import { Annotation } from '../core/editor'
2 | import { KEY_REG } from '../utils'
3 |
4 | class AnnotationProvider extends Annotation {
5 | get KEY_REG() {
6 | return KEY_REG
7 | }
8 | }
9 |
10 | export const annotationEditor = () => {
11 | const annotation = new AnnotationProvider()
12 | return annotation.disposables
13 | }
14 |
--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "defaultSeverity": "warning",
3 | "extends": [],
4 | "jsRules": {},
5 | "rules": {
6 | "no-console": false,
7 | "jsdoc-format": true,
8 | "jsx-no-lambda": false,
9 | "jsx-no-multiline-js": false,
10 | "jsx-boolean-value": false,
11 | "quotemark": [true, "single", "jsx-double"],
12 | "semicolon": [true, "never"]
13 | },
14 | "rulesDirectory": []
15 | }
16 |
--------------------------------------------------------------------------------
/src/editor/transView.ts:
--------------------------------------------------------------------------------
1 | import * as vscode from 'vscode'
2 | import { TransView } from '../core/editor'
3 | import { KeyDetector } from '../utils'
4 |
5 | class TransViewProvider extends TransView {
6 | getKeysByFilepath(filepath) {
7 | return KeyDetector.getKeyByFilepath(filepath)
8 | }
9 | }
10 |
11 | export const transViewEditor = () => {
12 | const transView = new TransViewProvider()
13 | return transView.disposables
14 | }
15 |
--------------------------------------------------------------------------------
/.vscode/tasks.json:
--------------------------------------------------------------------------------
1 | // See https://go.microsoft.com/fwlink/?LinkId=733558
2 | // for the documentation about the tasks.json format
3 | {
4 | "version": "2.0.0",
5 | "tasks": [
6 | {
7 | "type": "npm",
8 | "script": "watch",
9 | "problemMatcher": "$tsc-watch",
10 | "isBackground": true,
11 | "presentation": {
12 | "reveal": "never"
13 | },
14 | "group": {
15 | "kind": "build",
16 | "isDefault": true
17 | }
18 | }
19 | ]
20 | }
21 |
--------------------------------------------------------------------------------
/src/editor/hover.ts:
--------------------------------------------------------------------------------
1 | import * as vscode from 'vscode'
2 | import { Hover } from '../core/editor'
3 | import { KeyDetector } from '../utils'
4 |
5 | class HoverProvider extends Hover {
6 | getKey(document: vscode.TextDocument, position: vscode.Position) {
7 | return KeyDetector.getKey(document, position)
8 | }
9 | }
10 |
11 | export const hoverEditor = () => {
12 | return vscode.languages.registerHoverProvider(
13 | [
14 | { language: 'vue', scheme: '*' },
15 | { language: 'javascript', scheme: '*' },
16 | { language: 'typescript', scheme: '*' }
17 | ],
18 | new HoverProvider()
19 | )
20 | }
21 |
--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | // Place your settings in this file to overwrite default and user settings.
2 | {
3 | "files.exclude": {
4 | "out": false // set this to true to hide the "out" folder with the compiled JS files
5 | },
6 | "search.exclude": {
7 | "out": true // set this to false to include "out" folder in search results
8 | },
9 | // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
10 | "typescript.tsc.autoDetect": "off",
11 | "npm-scripts.showStartNotification": false,
12 | "vue-i18n.i18nPaths": "",
13 | "typescript.tsdk": "node_modules/typescript/lib"
14 | }
--------------------------------------------------------------------------------
/src/utils/index.ts:
--------------------------------------------------------------------------------
1 | import * as vscode from 'vscode'
2 | import Log from '../core/Log'
3 |
4 | export * from './KeyDetector'
5 |
6 | export const KEY_REG = /(?:\$t|\$tc|\$d|\$n|\$te|this\.t|i18n\.t|[^\w]t)\(['"]([^]+?)['"]/g
7 |
8 | export const isVueProject = (): boolean => {
9 | const mainProject = vscode.workspace.workspaceFolders[0]
10 |
11 | if (!mainProject) {
12 | return false
13 | }
14 |
15 | try {
16 | const pkgJSON = require(`${mainProject.uri.fsPath}/package.json`)
17 | const { dependencies, devDependencies } = pkgJSON
18 |
19 | return !!dependencies['vue-i18n'] || !!devDependencies['vue-i18n']
20 | } catch (err) {
21 | Log.error(err, false)
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/utils/KeyDetector.ts:
--------------------------------------------------------------------------------
1 | import * as vscode from 'vscode'
2 | import * as fs from 'fs'
3 | import { KEY_REG } from './'
4 |
5 | export class KeyDetector {
6 | static getKeyByContent(text: string) {
7 | const keys = (text.match(KEY_REG) || []).map(key =>
8 | key.replace(KEY_REG, '$1')
9 | )
10 |
11 | return [...new Set(keys)]
12 | }
13 |
14 | static getKeyByFilepath(filepath: string) {
15 | const file: string = fs.readFileSync(filepath, 'utf-8')
16 | return this.getKeyByContent(file)
17 | }
18 |
19 | static getKey(document: vscode.TextDocument, position: vscode.Position) {
20 | const keyRange = document.getWordRangeAtPosition(position, KEY_REG)
21 |
22 | return keyRange
23 | ? document.getText(keyRange).replace(KEY_REG, '$1')
24 | : undefined
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/static/icon-translate.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
1 | // A launch configuration that compiles the extension and then opens it inside a new window
2 | // Use IntelliSense to learn about possible attributes.
3 | // Hover to view descriptions of existing attributes.
4 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
5 | {
6 | "version": "0.2.0",
7 | "configurations": [
8 | {
9 | "name": "Run Extension",
10 | "type": "extensionHost",
11 | "request": "launch",
12 | "runtimeExecutable": "${execPath}",
13 | "args": ["--extensionDevelopmentPath=${workspaceFolder}"],
14 | "outFiles": ["${workspaceFolder}/out/**/*.js"],
15 | "preLaunchTask": "npm: watch"
16 | },
17 | {
18 | "name": "Extension Tests",
19 | "type": "extensionHost",
20 | "request": "launch",
21 | "runtimeExecutable": "${execPath}",
22 | "args": [
23 | "--extensionDevelopmentPath=${workspaceFolder}",
24 | "--extensionTestsPath=${workspaceFolder}/out/test/suite/index"
25 | ],
26 | "outFiles": ["${workspaceFolder}/out/test/**/*.js"],
27 | "preLaunchTask": "npm: watch"
28 | }
29 | ]
30 | }
31 |
--------------------------------------------------------------------------------
/src/editor/extract.ts:
--------------------------------------------------------------------------------
1 | import { Extract } from '../core/editor'
2 | import * as vscode from 'vscode'
3 |
4 | class ExtractProvider extends Extract {
5 | keyReplace(template) {
6 | return key => template.replace(/{key}/g, key)
7 | }
8 |
9 | getCommands(params) {
10 | return [
11 | {
12 | command: 'vue-i18n.extract',
13 | title: `提取为$t('key')`,
14 | arguments: [
15 | {
16 | ...params,
17 | keyReplace: this.keyReplace(`{{ $t('{key}') }}`)
18 | }
19 | ]
20 | },
21 | {
22 | command: 'vue-i18n.extract',
23 | title: `提取为i18n.t('key')`,
24 | arguments: [
25 | {
26 | ...params,
27 | keyReplace: this.keyReplace(`i18n.t('{key}')`)
28 | }
29 | ]
30 | }
31 | ]
32 | }
33 | }
34 |
35 | export const extractEditor = () => {
36 | return vscode.languages.registerCodeActionsProvider(
37 | [
38 | { language: 'vue', scheme: '*' },
39 | { language: 'javascript', scheme: '*' },
40 | { language: 'typescript', scheme: '*' }
41 | ],
42 | new ExtractProvider(),
43 | {
44 | providedCodeActionKinds: [vscode.CodeActionKind.Refactor]
45 | }
46 | )
47 | }
48 |
--------------------------------------------------------------------------------
/src/extension.ts:
--------------------------------------------------------------------------------
1 | import * as vscode from 'vscode'
2 |
3 | // 初始化全局配置
4 | import Config from './core/Config'
5 | Config.extAuthor = 'think2011'
6 | Config.extName = 'vue-i18n'
7 |
8 | import Log from './core/Log'
9 | import * as coreCommandsModules from './core/commands'
10 |
11 | import { isVueProject } from './utils'
12 | import * as editorModules from './editor'
13 |
14 | type ModuleType = (
15 | ctx: vscode.ExtensionContext
16 | ) => vscode.Disposable | vscode.Disposable[]
17 |
18 | process.on('uncaughtException', function (err) {
19 | Log.error(err, false)
20 | })
21 |
22 | export async function activate(ctx: vscode.ExtensionContext) {
23 | Log.info(`🌞 ${Config.extensionName} Activated, v${Config.version}`)
24 |
25 | if (!(await isVueProject())) {
26 | Log.info('🌑 Inactive')
27 | return
28 | }
29 |
30 | const modules = Object.values({ ...coreCommandsModules, ...editorModules })
31 | modules.forEach((module: ModuleType) => {
32 | const disposables = module(ctx)
33 |
34 | if (Array.isArray(disposables)) {
35 | ctx.subscriptions.push(...disposables)
36 | } else {
37 | ctx.subscriptions.push(disposables)
38 | }
39 | })
40 | }
41 |
42 | export function deactivate() {
43 | Log.info('🌚 Deactivated')
44 | }
45 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | ## [1.3.1] - 2021-04-12
2 |
3 | - 🤦 fix: 避免初始化非 i18n 项目时出错
4 |
5 | ## [1.3.0] - 2021-04-11
6 |
7 | - 💫 feat: 增加公用目录配置
8 |
9 | ## [1.2.0] - 2019-11-21
10 |
11 | - 🤦 fix: utils 路径在大小写敏感的系统上引用出错，特别是使用 vscode remote 开发的时候
12 |
13 | ## [1.1.0] - 2019-08-31
14 |
15 | - 💫 feat: YAML 支持
16 |
17 | ## [1.0.0] - 2019-08-27
18 |
19 | - 🎉 正式发布 1.0.0 版本！
20 |
21 | ## [0.15.16] - 2019-05-06
22 |
23 | - 💫 feat: 支持数组的多种取值方式 感谢 @lanten pr#13
24 |
25 | ## [0.15.16] - 2019-05-06
26 |
27 | - 💫 fix: FileSystemWatcher broken on Windows 感谢 @antfu pr#12
28 |
29 | ## [0.15.15] - 2019-05-06
30 |
31 | - 💫 feat: 指定翻译源语言（默认从中文 zh-CN 翻译成其他语言），可通过 `vue-i18n.sourceLocale` 配置 感谢 @antfu pr#11
32 |
33 | ## [0.14.15] - 2019-05-05
34 |
35 | - 🤦 fix: isVueProject path on Windows 感谢 @antfu
36 |
37 | ## [0.13.15] - 2019-04-28
38 |
39 | - 🤦 fix: 只响应有 vue-i18n 依赖的项目
40 |
41 | ## [0.13.14] - 2019-04-26
42 |
43 | - 💫 feat:支持 自动配置 locale 目录，实现无需配置
44 |
45 | ## [0.12.14] - 2019-04-12
46 |
47 | - 💫 feat:支持 windows 路径，感谢 @kaysonli
48 |
49 | ## [0.11.14] - 2019-04-12
50 |
51 | - 💫 feat:可以连续配置文件夹
52 |
53 | ## [0.11.13] - 2019-04-11
54 |
55 | - 🤦 fix: 中文注释，提取翻译后没有及时更新内容
56 |
57 | ## [0.11.9] - 2019-04-10
58 |
59 | - 💫 支持在 key 旁边显示中文注释
60 |
61 | ## [0.10.9] - 2019-04-04
62 |
63 | - 🤦 fix: 默认 key，引用文件时无法处理带-的命名，所以转义一下-为驼峰
64 |
65 | ## [0.10.8] - 2019-04-02
66 |
67 | - 💫 feat: 提供默认 key
68 |
69 | ## [0.7.0] - 2019-04-01
70 |
71 | - 💫 feat: 提取文案生成翻译的功能
72 |
73 | ## [0.6.0] - 2019-03-29
74 |
75 | - 💫 feat: 增加\$te 支持
76 | - 🤦 fix: 去掉 vue-i18n 依赖检测
77 |
78 | ## [0.5.0] - 2019-03-28
79 |
80 | - 💫 支持不同的 i18n 目录结构
81 | - 💫 优化初始化交互
82 | - 💫 翻译中心显示 i18n 的路径
83 | - 💫 支持 \$tc
84 |
85 | ## [0.4.1] - 2019-01-27
86 |
87 | - 🤦 防止多次提示初始化
88 |
89 | ## [0.4.0] - 2019-01-23
90 |
91 | - 💫 初始化指南
92 |
93 | ## [0.2.0] - 2018-12-05
94 |
95 | - 💫 自动补全
96 | - 🤦 无法识别带换行的问题
97 |
98 | ## [0.1.0] - 2018-11-29
99 |
100 | - 💫 多接口翻译，某个翻译接口挂了，会使用备用的接口翻译
101 |
102 | ## [0.0.3] - 2018-11-28
103 |
104 | - 🐣 基本功能预览版
105 |
--------------------------------------------------------------------------------
/vsc-extension-quickstart.md:
--------------------------------------------------------------------------------
1 | # Welcome to your VS Code Extension
2 |
3 | ## What's in the folder
4 | * This folder contains all of the files necessary for your extension.
5 | * `package.json` - this is the manifest file in which you declare your extension and command.
6 | The sample plugin registers a command and defines its title and command name. With this information
7 | VS Code can show the command in the command palette. It doesn’t yet need to load the plugin.
8 | * `src/extension.ts` - this is the main file where you will provide the implementation of your command.
9 | The file exports one function, `activate`, which is called the very first time your extension is
10 | activated (in this case by executing the command). Inside the `activate` function we call `registerCommand`.
11 | We pass the function containing the implementation of the command as the second parameter to
12 | `registerCommand`.
13 |
14 | ## Get up and running straight away
15 | * Press `F5` to open a new window with your extension loaded.
16 | * Run your command from the command palette by pressing (`Ctrl+Shift+P` or `Cmd+Shift+P` on Mac) and typing `Hello World`.
17 | * Set breakpoints in your code inside `src/extension.ts` to debug your extension.
18 | * Find output from your extension in the debug console.
19 |
20 | ## Make changes
21 | * You can relaunch the extension from the debug toolbar after changing code in `src/extension.ts`.
22 | * You can also reload (`Ctrl+R` or `Cmd+R` on Mac) the VS Code window with your extension to load your changes.
23 |
24 | ## Explore the API
25 | * You can open the full set of our API when you open the file `node_modules/vscode/vscode.d.ts`.
26 |
27 | ## Run tests
28 | * Open the debug viewlet (`Ctrl+Shift+D` or `Cmd+Shift+D` on Mac) and from the launch configuration dropdown pick `Launch Tests`.
29 | * Press `F5` to run the tests in a new window with your extension loaded.
30 | * See the output of the test result in the debug console.
31 | * Make changes to `test/extension.test.ts` or create new test files inside the `test` folder.
32 | * By convention, the test runner will only consider files matching the name pattern `**.test.ts`.
33 | * You can create folders inside the `test` folder to structure your tests any way you want.
34 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vue-i18n",
3 | "displayName": "Vue i18n",
4 | "description": "🔖 这个插件能够帮到你方便浏览和编写 Vue i18n",
5 | "version": "1.3.1",
6 | "publisher": "think2011",
7 | "scripts": {
8 | "preinstall": "git submodule update --init --recursive",
9 | "deploy": "vsce publish --yarn",
10 | "vscode:prepublish": "yarn run compile",
11 | "compile": "tsc -p ./",
12 | "watch": "tsc -watch -p ./",
13 | "pretest": "yarn run compile",
14 | "test": "node ./out/test/runTest.js"
15 | },
16 | "engines": {
17 | "vscode": "^1.37.0"
18 | },
19 | "categories": [
20 | "Other"
21 | ],
22 | "preview": false,
23 | "activationEvents": [
24 | "onLanguage:vue",
25 | "onLanguage:javascript",
26 | "onLanguage:typescript"
27 | ],
28 | "keywords": [
29 | "vue",
30 | "vue-i18n",
31 | "vue i18n",
32 | "i18n"
33 | ],
34 | "icon": "static/logo.png",
35 | "repository": {
36 | "type": "git",
37 | "url": "https://github.com/think2011/vscode-vue-i18n.git"
38 | },
39 | "homepage": "https://github.com/think2011/vscode-vue-i18n",
40 | "main": "./out/extension",
41 | "contributes": {
42 | "commands": [
43 | {
44 | "command": "vue-i18n.transView",
45 | "title": "翻译当前文件的i18n",
46 | "icon": {
47 | "light": "./static/icon-translate.svg",
48 | "dark": "./static/icon-translate.svg"
49 | }
50 | },
51 | {
52 | "command": "vue-i18n.autoInitPath",
53 | "title": "vue-i18n: 自动配置路径"
54 | },
55 | {
56 | "command": "vue-i18n.manualInitPath",
57 | "title": "vue-i18n: 手动配置路径"
58 | }
59 | ],
60 | "menus": {
61 | "editor/title": [
62 | {
63 | "when": "resourceLangId == vue-html",
64 | "command": "vue-i18n.transView",
65 | "group": "navigation"
66 | },
67 | {
68 | "when": "resourceLangId == vue",
69 | "command": "vue-i18n.transView",
70 | "group": "navigation"
71 | },
72 | {
73 | "when": "resourceLangId == javascript",
74 | "command": "vue-i18n.transView",
75 | "group": "navigation"
76 | },
77 | {
78 | "when": "resourceLangId == typescript",
79 | "command": "vue-i18n.transView",
80 | "group": "navigation"
81 | }
82 | ]
83 | },
84 | "configuration": {
85 | "type": "object",
86 | "title": "Vue-i18n",
87 | "properties": {
88 | "vue-i18n.i18nPaths": {
89 | "type": "string",
90 | "default": "",
91 | "description": "翻译文件的目录（相对于项目根目录）"
92 | },
93 | "vue-i18n.i18nCommonPath": {
94 | "type": "string",
95 | "default": "",
96 | "description": "公用翻译文件的目录（相对于项目根目录）。在未找到翻译项时，插件会尝试到该目录下寻找"
97 | },
98 | "vue-i18n.filenameToKebabCase": {
99 | "type": "boolean",
100 | "default": false,
101 | "description": "如果找不到翻译文件，是否尝试将文件名转化为短横线命名格式再次查找"
102 | },
103 | "vue-i18n.sourceLocale": {
104 | "type": "string",
105 | "default": "zh-CN",
106 | "description": "主要语言"
107 | }
108 | }
109 | }
110 | },
111 | "devDependencies": {
112 | "@types/glob": "^7.1.1",
113 | "@types/lodash": "^4.14.137",
114 | "@types/mocha": "^5.2.6",
115 | "@types/node": "^10.12.21",
116 | "@types/vscode": "^1.37.0",
117 | "@types/yaml": "^1.0.2",
118 | "glob": "^7.1.4",
119 | "mocha": "^6.1.4",
120 | "tslint": "^5.12.1",
121 | "typescript": "^3.3.1",
122 | "vsce": "^1.66.0",
123 | "vscode-test": "^1.0.2"
124 | },
125 | "dependencies": {
126 | "fast-glob": "^2.2.6",
127 | "lodash": "^4.17.21",
128 | "translation.js": "^0.7.5",
129 | "yaml": "^1.6.0"
130 | }
131 | }
132 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | 
3 |
4 | vscode-vue-i18n
5 |
6 |
7 | 
8 | 
9 | 
10 |
11 |
12 |
13 | 为什么要做这个插件？因为写 i18n 真的很啰嗦很麻烦啊 😫
14 |
15 |
16 |
17 | 这个插件能够帮到你方便查看和编写 vue-i18n 🎉
18 |
19 |
20 | ⚡ 主要功能
21 |
22 | ### 提取并自动翻译文案 (快捷键 ⌘+.)
23 |
24 | 
25 |
26 | ### 直观的看到对应的翻译文案
27 |
28 | 
29 |
30 | ### 通过翻译中心管理翻译
31 |
32 | 
33 |
34 | 🦉 如何使用?
35 |
36 | ### 1. 首先你的目录应该是类似这样的结构
37 |
38 | ```
39 | locales
40 | ├── en.json
41 | ├── zh-CN.json
42 | ├── zh-TW.json
43 | ├── ...
44 | └── .json
45 | ```
46 |
47 | 或者
48 |
49 | ```
50 | locales
51 | ├── en
52 | | ├── common.json
53 | | ├── buttons.json
54 | | ├── ...
55 | | └── .json
56 | ├── zh-CN
57 | | ├── common.json
58 | | ├── buttons.json
59 | | └── ...
60 | └──
61 | ├── common.json
62 | ├── buttons.json
63 | └── ...
64 | ```
65 |
66 | ### 2. 那么安装好插件后就会自动识别目录了
67 |
68 | > 如果不是的话，那请执行如图的命令吧 😝
69 |
70 | 
71 |
72 | ## 📆 功能列表
73 |
74 | - [x] 翻译提示
75 | - [x] 翻译注释
76 | - [x] 翻译中心
77 | - [x] 删除多个语言
78 | - [x] google、youdao、baidu 在线翻译
79 | - [x] 字段补全
80 | - [x] 自动配置翻译目录
81 | - [x] 手动配置翻译目录
82 | - [x] 可指定翻译源语言
83 | - [x] 重复、覆盖检测
84 | - [x] YAML 支持
85 |
86 | ## QA
87 |
88 | > 怎么安装？
89 |
90 | 在 `vscode` 插件里搜索 `vue-i18n`，或者点击上上方的小徽章安装吧！
91 |
92 | > 怎么不开 Issues?
93 |
94 | 估计很长一段时间里都比较忙，而且懒，如果你遇到了**实在难以解决的问题**或者非要~~提需求~~ **吐槽**，那你给我发封邮件吧 <452125301.hzplay@gmail.com>，要是可以贡献 PR 那真的太棒了 🙂
95 |
96 | ## 👏 特别感谢
97 |
98 | 谢谢你帮忙完善了插件
99 |
100 | - [@antfu](http://github.com/antfu)
101 | - [@lanten](http://github.com/lanten)
102 | - [@jiezi19971225](http://github.com/jiezi19971225)
103 |
104 | > ✨ 同时也推荐功能更为强大的 [vue-i18n-ally@antfu](https://github.com/antfu/vue-i18n-ally)
105 |
--------------------------------------------------------------------------------
/static/transView.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
153 |
154 |
155 |
164 |
165 |
166 | -
167 |
168 | {{ `#${index+1} ${key}` }}
169 |
172 |
173 |
174 |
189 |
190 |
191 |