暂存

GPT.md

@@ -77,3 +77,82 @@
    - 按照[官方文档](https://code.visualstudio.com/api/working-with-extensions/publishing-extension)发布到VSCode Marketplace。
 
 请注意，这只是一个基本的指南，您可能需要根据您的具体需求调整代码。如果您需要更详细的帮助或有任何问题，请随时告诉我！
+
+====================
+
+谢谢你，那么我想添加一个右键菜单，选中文本后，可以通过右键菜单，实现转小驼峰，转大驼峰，转小写，转大写，转下划线，转中划线等功能，请问应该如何实现
+
+要在VSCode插件中添加一个右键菜单（上下文菜单），您需要在`package.json`文件中使用`menus`字段。以下是您可以遵循的步骤：
+
+1. **在`package.json`中定义上下文菜单**：
+   - 找到`contributes`部分，并添加一个新的`menus`字段。
+   - 在`menus`字段中，使用`editor/context`来定义一个新的上下文菜单项。
+   - 为每个转换操作指定一个命令和标题。
+
+   这是一个示例：
+   ```json
+   "contributes": {
+     "commands": [
+       {
+         "command": "extension.toCamelCase",
+         "title": "转小驼峰"
+       },
+       {
+         "command": "extension.toPascalCase",
+         "title": "转大驼峰"
+       },
+       // 添加其他命令...
+     ],
+     "menus": {
+       "editor/context": [
+         {
+           "when": "editorTextFocus",
+           "command": "extension.toCamelCase"
+         },
+         {
+           "when": "editorTextFocus",
+           "command": "extension.toPascalCase"
+         },
+         // 添加其他菜单项...
+       ]
+     }
+   }
+   ```
+
+2. **在`extension.ts`中实现命令逻辑**：
+   - 对于每个命令，编写一个函数来执行相应的字符串转换。
+   - 使用`vscode.commands.registerCommand`注册每个转换函数作为命令。
+
+   这是一个示例：
+   ```typescript
+   import * as vscode from 'vscode';
+
+   function toCamelCase(str: string): string {
+     // 实现转小驼峰的逻辑
+     return str.replace(/_([a-z])/g, (g) => g[1].toUpperCase());
+   }
+
+   function toPascalCase(str: string): string {
+     // 实现转大驼峰的逻辑
+     return str.replace(/(^\w|_\w)/g, (g) => g.toUpperCase().replace('_', ''));
+   }
+
+   // 注册命令
+   export function activate(context: vscode.ExtensionContext) {
+     let disposableCamel = vscode.commands.registerCommand('extension.toCamelCase', () => {
+       // 调用转换函数
+     });
+     let disposablePascal = vscode.commands.registerCommand('extension.toPascalCase', () => {
+       // 调用转换函数
+     });
+
+     context.subscriptions.push(disposableCamel);
+     context.subscriptions.push(disposablePascal);
+     // 注册其他命令...
+   }
+   ```
+
+3. **测试您的插件**：
+   - 按下`F5`来运行和测试您的插件，确保上下文菜单正确显示并且命令能够正确执行。
+
+通过这些步骤，您应该能够为您的VSCode插件添加一个右键菜单，并实现不同的字符串转换功能。如果您在实现过程中遇到任何问题，或者需要更多帮助，请随时联系我！🛠️

package.json

@@ -16,8 +16,20 @@
   "contributes": {
     "commands": [
       {
-        "command": "text-conversion.helloWorld",
+        "command": "extension.toCamelCase",
-        "title": "Hello World"
+        "title": "转小驼峰 To Camel Case"
+      },
+      {
+        "command": "extension.toPascalCase",
+        "title": "转大驼峰 To Pascal Case"
+      },
+      {
+        "command": "extension.toUpperCase",
+        "title": "转大写 To Upper Case"
+      },
+      {
+        "command": "extension.toLowerCase",
+        "title": "转小写 To Lower Case"
       }
     ],
     "keybindings": [
@@ -26,7 +38,27 @@
         "key": "shift+alt+t",
         "when": "editorTextFocus"
       }
+    ],
+    "menus": {
+      "editor/context": [
+        {
+          "when": "editorTextFocus",
+          "submenu": "extension.stringConversion"
+        }
+      ],
+      "submenus": [
+        {
+          "id": "extension.stringConversion",
+          "when": "editorTextFocus",
+          "command": "extension.toCamelCase",
+          "label": "字符串转换"
+        },
+        {
+          "when": "editorTextFocus",
+          "command": "extension.toPascalCase"
+        }
       ]
+    }
   },
   "scripts": {
     "vscode:prepublish": "npm run compile",

src/extension.ts

@@ -1,6 +1,7 @@
 // The module 'vscode' contains the VS Code extensibility API
 // Import the module and reference it with the alias vscode in your code below
 import * as vscode from 'vscode';
+import * as TextConversion from './text-conversion';
 
 // This method is called when your extension is activated
 // Your extension is activated the very first time the command is executed
@@ -19,7 +20,7 @@ export function activate(context: vscode.ExtensionContext) {
 	// 	vscode.window.showInformationMessage('Hello World from text-conversion!');
 	// });
 
-	let disposable = vscode.commands.registerCommand('extension.convertCase', () => {
+	const handleEditorReplace = (convertFunction: (selectionText: string) => string) => {
 		// 获取当前编辑器
 		let editor = vscode.window.activeTextEditor;
 		if (editor) {
@@ -29,7 +30,7 @@ export function activate(context: vscode.ExtensionContext) {
 			// 获取选中的文本
 			let text = document.getText(selection);
 			// 转换文本
-			let converted = convertStringCase(text);
+			let converted = convertFunction(text);
 
 			// 当转换后文本与转换前相同时，跳过转换
 			if (text === converted) {
@@ -38,19 +39,34 @@ export function activate(context: vscode.ExtensionContext) {
 			}
 
 			// 替换文本
+			console.log('replace selection text', text, 'to', converted);
 			editor.edit(editBuilder => {
 				editBuilder.replace(selection, converted);
 			});
 		}
-	});
+	};
+
+	let disposableCamelCase = vscode.commands.registerCommand('extension.toCamelCase', () => {
+		handleEditorReplace(TextConversion.toCamelCase);
+	});
+	context.subscriptions.push(disposableCamelCase);
+
+	let disposablePascalCase = vscode.commands.registerCommand('extension.toPascalCase', () => {
+		handleEditorReplace(TextConversion.toPascalCase);
+	});
+	context.subscriptions.push(disposablePascalCase);
+
+	let disposableUpperCase = vscode.commands.registerCommand('extension.toUpperCase', () => {
+		handleEditorReplace(TextConversion.toUpperCase);
+	});
+	context.subscriptions.push(disposableUpperCase);
+
+	let disposableLowerCase = vscode.commands.registerCommand('extension.toLowerCase', () => {
+		handleEditorReplace(TextConversion.toLowerCase);
+	});
+	context.subscriptions.push(disposableLowerCase);
 
-	context.subscriptions.push(disposable);
 }
 
 // This method is called when your extension is deactivated
 export function deactivate() { }
-
-function convertStringCase(str: string): string {
-	// 这里添加转换逻辑
-	return str.toUpperCase();
-}

src/test/extension.test.ts

@@ -5,6 +5,36 @@ import * as assert from 'assert';
 import * as vscode from 'vscode';
 // import * as myExtension from '../../extension';
 
+enum TextFormat {
+	/** 独立单词 */
+	SINGLE_WORD,
+	/** 小驼峰 */
+	CAMEL_CASE,
+	/** 大驼峰 */
+	PASCAL_CASE,
+	/** 大写 */
+	UPPER_CASE,
+	/** 小写 */
+	LOWER_CASE,
+}
+
+interface TestCase {
+	input: string
+	inputType: TextFormat | Array<TextFormat>
+	output: {
+		camelCase: string
+	}
+}
+const testCase: Array<TestCase> = [
+	{
+		input: '',
+		inputType: [],
+		output: {
+			camelCase: '',
+		}
+	},
+];
+
 suite('Extension Test Suite', () => {
 	vscode.window.showInformationMessage('Start all tests.');
 

src/text-conversion.ts

@@ -0,0 +1,39 @@
+/**
+ * 转小驼峰 to Camel Case
+ * 
+ * @param {string} str user selection
+ * @returns 
+ */
+export function toCamelCase(str: string): string {
+    return str.replace(/_([a-z])/g, (g) => g[1].toUpperCase());
+}
+
+/**
+ * 转大驼峰 to Pascal Case
+ * 
+ * @param {string} str user selection
+ * @returns 
+ */
+export function toPascalCase(str: string): string {
+    return str.replace(/(^\w|_\w)/g, (g) => g.toUpperCase().replace('_', ''));
+}
+
+/**
+ * 转大写 to Upper Case
+ * 
+ * @param {string} str user selection
+ * @returns 
+ */
+export function toUpperCase(str: string): string {
+    return str.toUpperCase();
+}
+
+/**
+ * 转小写 to Lower Case
+ * 
+ * @param {string} str user selection
+ * @returns 
+ */
+export function toLowerCase(str: string): string {
+    return str.toLowerCase();
+}

test-code.md

@@ -0,0 +1,16 @@
+```javascript
+// 小驼峰
+const helloWorld = ''
+// 大驼峰
+const HelloWorld = ''
+// 下划线 + 首字母大写
+const Hello_World = ''
+// 下划线 + 全小写
+const hello_world = ''
+// 下划线 + 全大写
+const HELLO_WORLD = ''
+// 小写
+const helloworld = ''
+// 大写
+const HELLOWORLD = ''
+```