feat: use devtools plugin instead of inspector plugin

[webfansplz]

General

✏️ Mark the necessary items without changing the structure of the PR template.

• Pull request template structure not broken

Type

ℹ️ What types of changes does your code introduce?

👉 Put an x in the boxes that apply

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist

ℹ️ Check all checkboxes - this will indicate that you have done everything in accordance with the rules in CONTRIBUTING.

👉 Put an x in the boxes that apply.

• My code follows the style guidelines of this project
• Is the code format correct
• Is the git submission information standard?
• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[wangjue666]

你好 我不太了解这个工具， 这个工具相比之前有什么特别之处吗

[ZhijieQ]

我个人简单测试了一下，除了原本inspector的功能，还格外添加网页插件vue.js devtools功能和一些路由表功能，总体功能要更强大，但原本ctrl+shift+鼠标就可以打开component变成了了先打开devtools工具，然后点查询然后在点component，步骤稍微多了几步。

[ZhijieQ]

顺便如果想安装的话，可以直接安装到vite-config里的package.json里面，不需要安装到本体的package.json里，毕竟配置也是在vite-config里面配。