feat: add vite-plugin-vue-inspector #4063
Conversation
|
WalkthroughThe recent changes focus on enhancing the development environment across multiple projects by updating configurations and dependencies. Notably, the Changes
Sequence Diagram(s)sequenceDiagram
participant Developer
participant Vite
participant VueInspector
Developer->>Vite: Start development server
Vite->>VueInspector: Initialize Inspector plugin
VueInspector-->>Vite: Ready for component inspection
Developer->>Vite: Inspect Vue component
Vite->>VueInspector: Request component details
VueInspector-->>Vite: Return component information
Vite-->>Developer: Display inspection results
Poem
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (invoked as PR comments)
Additionally, you can add CodeRabbit Configuration File (
|
likui628
changed the title
@core folder to core & add Inspector (developer open vscode)![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 3
Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Files selected for processing (11)
- .ls-lint.yml (1 hunks)
- apps/web-antd/package.json (1 hunks)
- apps/web-antd/vite.config.mts (1 hunks)
- apps/web-ele/package.json (1 hunks)
- apps/web-ele/vite.config.mts (1 hunks)
- apps/web-naive/package.json (1 hunks)
- apps/web-naive/vite.config.mts (1 hunks)
- docs/src/guide/other/project-update.md (1 hunks)
- internal/lint-configs/eslint-config/src/custom-config.ts (5 hunks)
- packages/core/composables/package.json (1 hunks)
- packages/core/preferences/package.json (1 hunks)
Files skipped from review due to trivial changes (6)
- .ls-lint.yml
- apps/web-naive/package.json
- docs/src/guide/other/project-update.md
- internal/lint-configs/eslint-config/src/custom-config.ts
- packages/core/composables/package.json
- packages/core/preferences/package.json
Additional comments not posted (5)
apps/web-antd/vite.config.mts (1)
9-9: LGTM! Verify the plugin functionality.The
vite-plugin-vue-inspectoris correctly integrated into the Vite configuration. Ensure to verify its functionality during development to confirm it enhances the debugging experience as expected.apps/web-naive/vite.config.mts (1)
9-9: LGTM! Verify the plugin functionality.The
vite-plugin-vue-inspectoris correctly integrated into the Vite configuration. Ensure to verify its functionality during development to confirm it enhances the debugging experience as expected.apps/web-ele/vite.config.mts (1)
11-11: LGTM! Verify the plugin functionality.The
vite-plugin-vue-inspectoris correctly integrated into the Vite configuration. Ensure to verify its functionality during development to confirm it enhances the debugging experience as expected.apps/web-antd/package.json (1)
50-51: Approved: Addition ofvite-plugin-vue-inspectorThe addition of
vite-plugin-vue-inspectortodevDependenciesenhances the development experience by allowing developers to quickly open the corresponding line of code in their IDE by selecting a DOM element. The version constraint^4.0.2seems appropriate.apps/web-ele/package.json (1)
51-52: Approved: Addition ofvite-plugin-vue-inspectorThe addition of
vite-plugin-vue-inspectortodevDependenciesenhances the development experience by allowing developers to quickly open the corresponding line of code in their IDE by selecting a DOM element. The version constraint^4.0.2seems appropriate.
|
@warmthsea 配置有vue devtools了，这个感觉必要性不大了 |
抱歉我没有看到有内置的，那这个 pr 没有必要了 |
vite-plugin-vue-inspector选中DOM 快速打开 IDE代码行数@core文件夹名为core(windows 限制不能打开别名带有 @ 的路径)相关 PR #3725
Description
Type of change
Please delete options that are not relevant.
pnpm-lock.yamlunless you introduce a new test example.Checklist
pnpm run docs:devcommand.pnpm test.feat:,fix:,perf:,docs:, orchore:.Summary by CodeRabbit
New Features
vite-plugin-vue-inspectorto enhance Vue component debugging capabilities across multiple applications.Bug Fixes
Documentation
Chores