vue-devtools安装步骤详解

这次给大家带来vue-devtools安装步骤详解,vue-devtools安装的注意事项有哪些,下面就是实战案例,一起来看一下。

第一步

将vue-devtools clone到本地

git clone https://github.com/vuejs/vue-devtools.git

第二步

在vue-devtools目录下安装依赖包

cd vue-devtoolsnpm install

登录后复制

第三步

编译代码

npm run build

登录后复制

vue-devtools安装步骤详解 

第四步

修改 vue-devtools/shells/chrome/manifest.json 文件,将 persistent改成 true

vue-devtools安装步骤详解 

第五步

打开chrome,输入 chrome://extensions/ 进入到chrome扩展程序设置页面

打开右上角的 开发者模式

vue-devtools安装步骤详解 

点击 加载已解压的扩展程序 选择 vue-devtools/shells/chrome

vue-devtools安装步骤详解 

注意:勾选 允许访问文件网址

vue-devtools安装步骤详解 

至此,vue-devtools已经安装完毕。enjoy it!

vue-devtools安装步骤详解 

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

JS变量声明var,let.const使用详解

Node.js应用设置沙箱环境使用方法

以上就是vue-devtools安装步骤详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2767182.html

(0)
上一篇 2025年3月8日 11:32:21
下一篇 2025年2月18日 04:33:59

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS进行前后端同构步骤详解

    这次给大家带来JS进行前后端同构步骤详解,JS进行前后端同构的注意事项有哪些,下面就是实战案例,一起来看一下。 什么是前后端同构 明确三个概念:「后端渲染」指传统的 ASP、Java 或 PHP 的渲染机制;「前端渲染」指使用 JS 来渲染…

    编程技术 2025年3月8日
    200
  • Angular+Font-Awesome步骤详解

    这次给大家带来Angular+Font-Awesome步骤详解,使用Angular+Font-Awesome的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 本文主要给大家介绍了关于以Angular的姿势打开Font-Awesome…

    编程技术 2025年3月8日
    200
  • vue-cli3.0配置详解

    这次给大家带来vue-cli3.0配置详解,使用vue-cli3.0配置的注意事项有哪些,下面就是实战案例,一起来看一下。 新建项目 # 安装npm install -g @vue/cli# 新建项目vue create my-projec…

    2025年3月8日
    200
  • 源生js实现哈夫曼编码步骤详解

    这次给大家带来源生js实现哈夫曼编码步骤详解,源生js实现哈夫曼编码的注意事项有哪些,下面就是实战案例,一起来看一下。 原始版 function cal(str) { if (typeof str !== ‘string’ || str.l…

    编程技术 2025年3月8日
    200
  • JQuery元素操作详解

    这次给大家带来JQuery元素操作详解,JQuery元素操作的注意事项有哪些,下面就是实战案例,一起来看一下。 第一步:sizzle选择器 基于元素的id、类、类型、属性、属性值等”查找”(或选择)HTML元素,简单…

    编程技术 2025年3月8日
    200
  • nodeJS模块使用步骤详解

    这次给大家带来nodeJS模块使用步骤详解,nodeJS模块使用详解的注意事项有哪些,下面就是实战案例,一起来看一下。 1.定义Student模块,Teacher模块 function add(student){ console.log(‘…

    2025年3月8日
    200
  • jquery layui弹出层使用详解

    这次给大家带来jquery layui弹出层使用详解,jquery layui弹出层使用的jquery有哪些,下面就是实战案例,一起来看一下。 Jquery必须大于1.83 layui必须是all,否则不显示 登录后复制 html代码 登录…

    编程技术 2025年3月8日
    200
  • vue事件机制使用详解

    这次给大家带来vue事件机制使用详解,vue事件机制使用的注意事项有哪些,下面就是实战案例,一起来看一下。 上一章没什么经验。直接写了组件机制。感觉涉及到的东西非常的多,不是很方便讲。今天看了下vue的关于事件的机制。有一些些体会。写出来。…

    编程技术 2025年3月8日
    200
  • JS装饰器函数使用详解

    这次给大家带来JS装饰器函数使用详解,JS装饰器函数使用的注意事项有哪些,下面就是实战案例,一起来看一下。 在 ES6 中增加了对类对象的相关定义和操作(比如 class 和 extends ),这就使得我们在多个不同类之间共享或者扩展一些…

    编程技术 2025年3月8日
    200
  • vue之.sync修饰符使用详解

    这次给大家带来vue之.sync修饰符使用详解,vue之.sync修饰符使用的注意事项有哪些,下面就是实战案例,一起来看一下。 在一些情况下,我们可能会需要对一个 prop (父子组件传递数据的属性) 进行“双向绑定”。 在vue 1.x …

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论