美文网首页Vue.js开发技巧程序员让前端飞
Vue代码模块定位插件vue-component-finder介

Vue代码模块定位插件vue-component-finder介

作者: 大小c | 来源:发表于2017-10-24 21:05 被阅读0次

vue-component-finder是一款用于Vue项目的代码模块预览与快速定位的chrome插件,对于文件目录繁多的vue项目,可以使用该插件快速查看组件对应的代码模块,以及快速打开IDE修改组件代码。

github:https://github.com/csonlai/vue-component-finder (包含chrome插件vue-component-finder.crx的下载)

插件展示

4.运行项目开发构建npm run dev,打开页面,鼠标移动到组件区域即可展示对应模块详情,点击自动打开IDE展示对应组件文件内容。

如有使用问题或建议,欢迎留言或提issue~

相关文章

  • Vue代码模块定位插件vue-component-finder介

    vue-component-finder是一款用于Vue项目的代码模块预览与快速定位的chrome插件,对于文件目...

  • 2018-01-13

    Vue 用模块化的方式构建项目 想要提高代码的复用性,vue 项目中可以使用插件的方法: MyPlugin.in...

  • weex笔记(8)一些weex-studio -- vscode

    插件 自动提示路径插件AutoFileName 代码美化Beautify、vetur vue代码片段自动提示Vue...

  • 2018-01-13

    Vue 用模块化的方式构建项目 想要提高代码的复用性,vue 项目中可以使用插件的方法: MyPlugin.ins...

  • VS Code常用插件

    vue相关 插件名称插件功能vuehelper代码提示vue 2 snippets片段补全

  • vue 组件&插件

    原文:vue 组件&插件 组件(component)用来构成app的业务模块,它的目标是App.vue 插件(pl...

  • VSCode 相关设置 - 代码段、插件

    VSCode 相关设置 - 代码段、插件 一、插件类 1. 【vue】代码提示插件 【Vetur】可以智能提示 v...

  • vue过滤器和案例实现

    使用vue插件 使用chrome浏览器调试插件Vue.js devtools 添加一行代码Vue.config.d...

  • VUE组件和插件的关系。

    Vue组件(component)用来构成你的App的业务模块,它的目标是App.vue。 Vue插件(plugin...

  • 组件与插件的区别

    Vue组件(component)用来构成你的App的业务模块,它的目标是App.vue。 Vue插件(plugin...

网友评论

    本文标题:Vue代码模块定位插件vue-component-finder介

    本文链接:https://www.haomeiwen.com/subject/jvoxpxtx.html