如何点击页面元素就能跳转对应的 IDE 源码位置？

最新推荐文章于 2023-08-21 17:45:05 发布
最新推荐文章于 2023-08-21 17:45:05 发布
阅读量850 收藏 2
点赞数 1
文章标签： javascript vue.js webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42513531/article/details/123325328
版权

背景：

不知道大家有没有试过页面上组件特别多，每次要找到这个组件是在哪里用的时候会找很久的情况，为此我写了一个插件来提高开发效率。

地址：

- 文档&仓库地址：GitHub - wen-haoming/visual-dev: 一键直接跳转到本地IDE源码，支持 vue 和 react ！！ Just one click, you can jump directly to the local IDE source code!

- 在线 demo 体验：Vite App

特性：

- 运行时并且支持 vue 和 react

- 打开速度极快

- 脚手架支持 umi，vite，webpack

- dom 没有冗余的路径信息<

最低0.47元/天 解锁文章
浩明啦
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开发环境点击页面可以定位到 IDE 代码
m0_51479322的博客
06-19 326
点击页面上的元素，能够自动打开你的代码编辑器并将光标定位到元素对应的代码位置。
安卓页面跳转的源代码
12-02
简单的应用安卓的Intent组件进行应用的页面跳转
跳转到指定页面元素位置
01-08
跳转到指定页面元素位置 校验页面元素，点击之后跳转到指定位置 export const getElementTop = (element:any):any => { //元素距离屏幕浏览器上方距离，如果页面元素滑上去，就是负数 element dom元素 let clientHeight:any = element.getBoundingClientRect().top; //文档滚动距离 let scrollTop:any = document.documentElement.scrollTop //两位向加就是需要跳转的高度 let ele
微信QQ防封源码 qq遮罩跳转页面PHP源码美化版.rar
07-09
微信QQ防封源码_qq遮罩跳转页面PHP源码美化版 做营销最怕的就是自己的域名被举报，变红？特别是微信好qq，今天分享一套微信QQ防封源码_qq遮罩跳转页面PHP源码美化版 搞一个遮罩（跳转浏览器提示）就OK了
微信小程序实现点击文字页面跳转功能【附源码下载】
11-27
本文实例讲述了微信小程序实现点击文字页面跳转功能。分享给大家供大家参考，具体如下： 1、效果展示 2、关键代码 index.js文件 Page({ data:{ // text:"这是一个页面" }, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ //
HTML简洁大气带进度条的URL跳转页面源码
05-18
HTML简洁大气带进度条的URL跳转页面源码，主要是可用于网站内链接跳转，或者广告链接跳转啥的，UI非常的美观好看。
vscode中@路径的智能提示,Ctrl+Click点击跳转到目标文件的方法
weixin_45463061的博客
10-29 3933
vscode中@路径的智能提示,Ctrl+Click点击跳转到目标文件的方法
网页跳转源码
02-27
网页跳转源码
webpack loader 与plugin 开发实战 —— 点击 vue 页面元素跳转到对应的 vscode 代码
油墨香^-^的博客
02-09 410
本文以一个点击 vue 页面元素跳转到对应 vscode 代码的 loader 和 plugin 开发实战，讲述 webpack loader 和 plugin 开发的简单入门。现在大家对 webpack 的 loader 和 plugin 开发应该有了一定的了解，借助自定义的 loader 和 plugin 确实能做许多超乎想象的事情（尤其是 plugin，很多时候只缺一个脑洞），大家可以发挥想象空间去编写一个自己的 loader 和 plugin，为项目开发提供助力。
网站跳转源码
qq_24066751的博客
09-25 947
新域名跳转源代码
umi乌米框架下使用react-dev-inspector ，通过点击页面跳转到vscode对应代码行
miin_ying的博客
12-05 1233
点击页面组件直接跳转到vscode对应代码行，umi框架下
网页跳转代码
09-01
很强大的网页跳转功能，还可以设置跳转的时间，很不错哈，一定要记下，嘻嘻
网页跳转代码大全
11-19
一 三种网页跳转代码： 如果你要在服务器端跳转 可以这样： Response Redirect www admin5 com Response End 如果你要在客户端跳转 可以这样： <script language "javascript" type "text javascript"> window location "http: www admin5 com";; < script> 如果你要让页面显示几秒钟之后跳转 可以在html代码的<head>< head>部分加上这样的代码： <meta http equiv "refresh" content "3; url http: www admin5 com"> （3秒钟后自动跳转到www admin5 com） 以上三种是也比较常见 比较常用的网页跳转代码运行平台Win9x WinNT Win2000 WinME WinXP 二 几段简单的网页跳转代码 不隐藏转向之后的地址 代码一：">一 三种网页跳转代码： 如果你要在服务器端跳转 可以这样： Response Redirect www admin5 com Response End 如果你要在客户端跳转 可以这样： <script language "javascript" type "text javascript"> window location "http: www admi [更多]
html网页跳转代码大全
05-12
html网页跳转代码大全
Html页面自动跳转代码.rar
03-07
页面跳转 此页面三秒后跳转到http://ih123.com:8999 最简单的html网页跳转代码。。
Dev C++ 安装及使用方法教程-超详细
最新发布
CSDN_224022的博客
08-21 1万+
Dev C++ 是一款非常好用，简约的C/C++开发工具。可以减少很多创建工程的繁琐步骤，很快的进行开发。对于只用于来写代码的人来说，是比较轻量以及极速的。Dev C++ 是一个windows下的c和c++程序的集成开发环境。它使用mingw32/gcc编译器，遵循c/c++标准。开发环境包括多页面窗口、工程编辑器以及调试器等，在工程编辑器中集合了编辑器、编译器、连接程序和执行程序，提供高亮度语法显示的，以减少编辑错误，还有完善的调试功能，能够适合初学者与编程高手的不同需求，
【基基基础】什么？你连软件都还没下载？！手把手教你下载VS/Dev-C++,写出属于自己的第一个C语言代码
m0_74452600的博客
04-05 470
如果你是一个新手小小小小白，想要学习C语言，却被困在了第一步，那么你一定要看o(╥﹏╥)o。
Vs2019的工具箱添加DevExpress
weixin_44075727的博客
05-30 6232
目录 一、运行DevExpress相关工具 二、重启vs2019，手动在工具栏中添加DevExpress控件 一、运行DevExpress相关工具 1、进入dev安装目录，进入路径"D:\tools\DevExpress 14.2\Components\Tools" 在路径栏输入“cmd”，进入命令窗口 2、执行命令 ToolboxCreator.exe/ini:toolboxcreator.ini 等待添加DevExpress控件。 二、重启vs2019，手动在工具栏中添加D
【C语言】调试【保姆级教程】 visual stdio 2022 + Dev-c++ + vscode三种编译器的调试方法
Autumn_goose的博客
05-24 2567
本篇保姆级教程文章将通过手把手，脚把脚的方式，亲手亲脚的教会你在visual stdio 2022 + Dev-c++ + vscode三种编译器基础调试的方法。
django点击按钮跳转对应页面
05-17
要在 Django 中实现按钮点击后跳转到对应的页面，你可以按照以下步骤进行： 1. 在模板中创建一个 HTML 表单，表单包含一个按钮和一个隐藏的输入框。输入框的值可以设置为你想要跳转到的页面的 URL。 ```html {...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值