工作需要写了个类似 VSCode 设置界面的东西,想着物尽其用可以将其用来支持前端常见的各类配置文件,这样修改配置时就不用总是切去翻文档了。
安装使用
跟所有 VSCode 插件一样,只需要在插件市场搜索 vscode-settings-editor
,然后点击安装即可。
安装完成启用后,只有打开需要编辑的配置文件,然后再点击标签右上角的图标就能切换到对应的可视化编辑界面,直接修改配置就可以了,再次点击可以切换回文件编辑界面。
功能支持
目前支持的功能主要有以下几个:
- 支持浅色与深色主题
- 支持 string、boolean、enum、number 几种基本数据类型的编辑
- 搜索过滤配置项
- 高亮修改值
支持的主流配置文件包括:
- 小程序:project.config.json、app.json、page.json
- Prettier: .prettierrc
- Typescript: tsconfig.json
- ESLint: .eslintrc
完整的支持列表可以点此查看。
后续规划
目前计划加的功能还有左侧导航栏的实现,如果使用上有什么建议或者有什么想支持的配置文件,都可以直接在 issue 中提出来,欢迎试用:)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。