- 博客(3)
- 收藏
- 关注
原创 VUE3+Vite+ts实现浏览器点击元素在vscode中快速打开对应的vue页面
目前的许多项目都是使用vue进行开发的,当一个做大时维护起来非常麻烦,当我们需要找到某个文件的时候非常麻烦,传统快速定位到某个文件可以使用类名、或者路由路径等方式找到对应的文件。为此我特地翻阅大量文章终于让我找到了实现的方法,具体实现代码在我的另一篇中,为了能够快速安装到其它项目中我特意弄成了插件的形式,不再需要每次都搬迁大量代码了。接下来以一个vue3+ts+vite的新建项目为例子。
2024-08-15 18:46:58 370
原创 VUE3+Vite+ts实现浏览器点击元素打开对应的vue文件并定位到对应内容区域
vue devTools是vue开发的一个插件,它同时也具备着能够快速定位到某个文件的功能:点击这个图标然后点击某个元素即可打开某个vue文件的详情点击右上角的图标即可在编辑器中打开该文件虽然vue提供的插件已经足够满足我们日常开发需求了,但是我觉得速度依然不够快于是决定采用自定义插件的方式实现按住shift+鼠标左键的方式快速打开某个元素对应的vue文件。
2024-08-13 17:51:53 860
原创 vue3+vite+electron基础环境配置
10、除了安装electron以外我还安装了热部署,窗口状态管理,electron打包工具。7、配置package.json,配置electron主进程文件路径,以及项目启动命令。这里需要注意的是:你需要将"type":"model"去掉,不然会报错。如上所示:这里需要你选择框架,按键盘上下键选择vue按回车。如上所示:这里我用的是js所以选择js。node环境不过多赘述,自行搭配。如上所示:需要你输入你的项目名称。2、创建vue3+vite项目。8、命令行启动项目试试水。
2023-11-01 18:28:49 551 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人