# OESW 实用工具集
一款专为前端开发者打造的 VSCode 插件,专注于日常代码处理中的高频操作,提供便捷的[文本转换、代码清理、...]功能,帮助你提升编码效率,保持代码整洁。
## 功能总览
插件功能分为三大类:
- **文本转换**:快速处理选中文本的命名格式
- **代码清理**:安全移除无用调试语句
- **自动提醒**:一些日常事项提醒
## 一、文本转换功能
以下功能仅对**选中的文本**生效,使用前请先选中需要转换的内容。
### 1. 转为大写 (Upper Case)
将选中文本全部转换为大写字母。
**使用方式**:
选中文字 → 右键 → **OESW 工具** → **转为大写**
**代码示例**:
```text
原文本:
hello world
vue3 typescript
my-variable_name
转换后:
HELLO WORLD
VUE3 TYPESCRIPT
MY-VARIABLE_NAME
2. 转为小写 (Lower Case)
将选中文本全部转换为小写字母。
使用方式:
选中文字 → 右键 → OESW 工具 → 转为小写
代码示例:
原文本:
HelloWorld
VUE_COMPONENT
MyService
转换后:
helloworld
vue_component
myservice
3. 转为驼峰命名 (Camel Case)
将选中文本转换为小驼峰格式(首字母小写,其余单词首字母大写)。
支持识别常见分隔符:空格、下划线 _、连字符 -、点号 .
使用方式:
选中文字 → 右键 → OESW 工具 → 转为驼峰命名
代码示例:
原文本:
hello-world
vue_component.name
USER_SERVICE-ID
转换后:
helloWorld
vueComponentName
userServiceId
4. 驼峰转下划线 (Snake Case)
将驼峰命名转换为下划线命名(全小写 + 下划线分隔)。
使用方式:
选中文字 → 右键 → OESW 工具 → 驼峰转下划线
代码示例:
原文本:
helloWorld
vueComponentName
userServiceId
转换后:
hello_world
vue_component_name
user_service_id
二、代码清理工具
移除当前文件所有 console 语句
使用 AST 安全解析代码,精准移除以下所有 console、debugger 调用(包括参数和整条语句),不会破坏代码结构或留下空行。
支持移除的方法:
console.log
console.info
console.warn
console.error
console.debug
console.dir
console.table
console.trace
debugger
支持文件类型:
.js、.ts、.jsx、.tsx
.vue(仅处理 <script> 和 <script setup> 块内容,template/style 不受影响)
使用方式:
打开任意支持的文件 → 在编辑器空白处右键 → 选择对应移除功能
代码示例:
// 转换前
console.log('调试信息:', data);
console.warn('即将废弃的API');
console.error('请求失败', error);
console.table(users);
console.dir(document.body);
// 转换后
// 所有 console 语句被完整移除,代码干净无残留
三、自动提醒
定时任务跑一下日常提醒事项
- 工作日每小时提醒眼睛休息
- 工作日早10晚17.59 提醒开关任务
使用方法总结
文本转换功能:
- 选中需要转换的文本
- 右键 → OESW 工具 → 选择对应转换方式
移除功能:
- 打开目标文件
- 在编辑器任意空白处右键
- 选择 OESW · 工具 => 选择具体功能
自动提醒:
安装方式
在 VSCode 扩展市场搜索:
点击安装即可使用。
更新日志
v0.0.3(2025-12-26)
v0.0.2(2025-12-25)
- 支持安全移除所有 debugger 语句(含 Vue 文件)
v0.0.1(2025-12-25)
- 初始发布
- 支持文本大/小写转换
- 支持驼峰 ↔ 下划线互转
- 支持安全移除所有 console 语句(含 Vue 文件)
反馈与贡献