VSCode 插件推荐:前端配置可视化编辑

工作需要写了个类似 VSCode 设置界面的东西,想着物尽其用可以将其用来支持前端常见的各类配置文件,这样修改配置时就不用总是切去翻文档了。

安装使用

跟所有 VSCode 插件一样,只需要在插件市场搜索 vscode-settings-editor,然后点击安装即可。

VSCode 插件推荐:前端配置可视化编辑_第1张图片

安装完成启用后,只有打开需要编辑的配置文件,然后再点击标签右上角的图标就能切换到对应的可视化编辑界面,直接修改配置就可以了,再次点击可以切换回文件编辑界面。

VSCode 插件推荐:前端配置可视化编辑_第2张图片

功能支持

目前支持的功能主要有以下几个:

  1. 支持浅色与深色主题
  2. 支持 string、boolean、enum、number 几种基本数据类型的编辑
  3. 搜索过滤配置项
  4. 高亮修改值

支持的主流配置文件包括:

  1. 小程序:project.config.json、app.json、page.json
  2. Prettier: .prettierrc
  3. Typescript: tsconfig.json
  4. ESLint: .eslintrc

完整的支持列表可以点此查看。

后续规划

目前计划加的功能还有左侧导航栏的实现,如果使用上有什么建议或者有什么想支持的配置文件,都可以直接在 issue 中提出来,欢迎试用:)

你可能感兴趣的:(VSCode 插件推荐:前端配置可视化编辑)