什么是 code-inspector-plugin？

Code-inspector-plugin 是一款强大的前端开发工具，能够帮助开发者在浏览器中直接定位源代码位置，大大提升了调试和开发的效率。无论你是 React、Vue 还是原生 JavaScript 开发者，这个插件都能成为你的得力助手。

安装和使用

安装

npm install code-inspector-plugin --save-dev

基础配置

// vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { codeInspectorPlugin } from 'code-inspector-plugin'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    codeInspectorPlugin({
      bundler: 'vite',
      editor: 'code',
      showSwitch: true,
    }),
  ],
})

示例

# 前端 # javascript # node.js # python # java
Logo
乐奇 Rokid 开放社区

更多推荐

CKEditor 4 isFileTransfer() 详解：精准区分文件粘贴与文本粘贴

isFileTransfer() 是 CKEditor 4.17.0 在 clipboard 插件中新增的 DataTransfer 判定 API，用于判断一次粘贴或拖放操作携带的剪贴板数据是否为"纯文件"传输。本文以 [isfiletransfer 手动测试文档](https://link.gitcode.com/i/cc596b3ec040cc787cce3ddc235485e9) 为骨架，结

avatar 乐奇 Rokid 开放社区

基于炬芯 ATS3089 的 AI 智能眼镜软硬件设计

本文基于炬芯ATS3089主控，提出一套双目单绿Micro-LED AR眼镜的软硬件协同设计方案。硬件以ATS3089为核心，集成双路QSPI Micro-LED显示、双麦克风、双功放、磁/加速度传感器及触控模块，实现分域供电与低功耗管理；软件采用分层架构，支持本地语音唤醒、指令识别与手机协同推理。设计强调电源完整性、信号回流与热管理，验证了样机在显示、音频、充电与低功耗待机下的可靠性，为轻量化A

avatar 乐奇 Rokid 开放社区

穿透时空的第一视角：AR智能眼镜远程诊断的破局与未来

过往远程诊断高度依赖手机、平板等移动设备的视频通话模式，现场作业人员需手持设备、手动对焦，面对复杂设备故障、精细诊疗场景时，极易出现视角单一、视野受限、画面晃动等问题，且全程无法解放双手，操作与沟通相互掣肘，远端专家难以精准捕捉现场细节、给出有效指导，协同效率大打折扣。如果说传统数字化技术实现了各类数据的可视化呈现，解决了“数据看得见”的基础问题，那么当下AR增强现实与AI大模型、5G/6G通信技

avatar 乐奇 Rokid 开放社区