vue-devtools 安装步骤

简介: vue-devtools 安装步骤

vue-devtools是一款基于chrome游览器的插件,用于调试vue应用;

chrome商店直接安装

vue-devtools可以从chrome商店直接下载安装,非常简单,这里就不过多介绍了。不过要注意的一点就是,需要翻墙才能下载。

我们呢就直接去官网下载

1、vue官网上找到vue-devtools的GitHub项目

GitHub地址:

GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.

⚙️ Browser devtools extension for debugging Vue.js applications. - GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.

https://github.com/vuejs/devtools.git

下载安装包zip,之前是master and Dev 分支,现在没有了,直接找到 add-remote-devtools

分支即可

20210527153548522.png

2、npm安装项目所需要的依赖

npm install

3、编译项目文件

npm run build

4、最后在浏览器找更多工具-->扩展程序-->加载已解压的扩展程序,接着选择找到刚才解压的文件夹 ,目录层级为:devtools-add-remote-devtools-->shells-->chrome。

20210527153548522.png

20210527153548522.png

相关文章
|
人工智能 IDE 开发工具
Studio Bot - 让 AI 帮我写 Android 代码
Studio Bot - 让 AI 帮我写 Android 代码
715 1
|
存储 前端开发 Linux
DPDK-mempool(1)
DPDK-mempool(1)
283 0
|
缓存 监控 Java
【Elasticsearch专栏 09】深入探索:Elasticsearch如何处理并发写入和读取请求
Elasticsearch通过分片机制分散读写请求,利用事务日志确保数据持久性,通过多线程处理并发请求,并允许通过配置调整分片和副本数量、线程池设置来优化并发性能。同时,使用批量操作和查询优化进一步提高写入和读取效率。
286 0
|
Kubernetes 网络协议 Docker
k8s 开船记-故障公告:自建 k8s 集群在阿里云上大翻船
k8s 开船记-故障公告:自建 k8s 集群在阿里云上大翻船
|
11月前
|
JavaScript 前端开发 Java
jvm的jshell,学生的工具
本文介绍了JVM的jshell工具,它为Java平台添加了REPL(读取-评估-打印循环)功能,使得学习、探索编码和原型代码变得更加便捷,但作者认为其在实际开发中较为鸡肋。
106 1
jvm的jshell,学生的工具
|
JavaScript 前端开发
使用js,html,css实现歌词滚动的效果
使用js,html,css实现歌词滚动的效果
223 0
|
弹性计算 大数据 应用服务中间件
阿里云2核2G服务器多少钱?2024年阿里云2核2G云服务器价格61元
阿里云2核2G服务器价格多少呢?这可能是很多用户关心的问题。现在阿里云2核2G3M轻量应用服务器新用户购买一年优惠价仅需61元!
190 1
新版阿里云内容安全对接
新版阿里云内容安全对接
400 1
|
存储 缓存 测试技术
DPDK-mempool(3)
DPDK-mempool(3)
274 0
|
Ubuntu Linux 网络性能优化
VPP安装
VPP安装
622 0