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 代码
749 1
|
存储 前端开发 Linux
DPDK-mempool(1)
DPDK-mempool(1)
295 0
|
小程序 安全 JavaScript
从零开始uniapp微信小程序项目到发布(超级详细)
最近微信小程序又掀起一波风潮,本文站在新手的角度出发,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考,从零搭建uniapp小程序项目
2755 1
|
小程序 JavaScript
【微信小程序】-- WXML 模板语法 - 事件绑定 -- tap & input (十)
【微信小程序】-- WXML 模板语法 - 事件绑定 -- tap & input (十)
|
Kubernetes 网络协议 Docker
k8s 开船记-故障公告:自建 k8s 集群在阿里云上大翻船
k8s 开船记-故障公告:自建 k8s 集群在阿里云上大翻船
|
JavaScript 前端开发
使用js,html,css实现歌词滚动的效果
使用js,html,css实现歌词滚动的效果
250 0
|
弹性计算 大数据 应用服务中间件
阿里云2核2G服务器多少钱?2024年阿里云2核2G云服务器价格61元
阿里云2核2G服务器价格多少呢?这可能是很多用户关心的问题。现在阿里云2核2G3M轻量应用服务器新用户购买一年优惠价仅需61元!
194 1
新版阿里云内容安全对接
新版阿里云内容安全对接
425 1
|
监控 物联网 数据处理
构建未来:基于Android的智能物联网家居系统
【4月更文挑战第24天】 随着物联网技术的飞速发展,智能家居系统作为其重要分支之一,正逐渐渗透到千家万户。本文将详细探讨如何利用Android平台的灵活性和开放性,设计并实现一个高效、可靠的智能物联网家居系统。我们将从系统的架构设计出发,深入分析关键技术点,包括设备通信协议、用户界面设计以及后台数据处理等方面,并展示通过Android设备进行实时控制和监控的实用性。文章不仅聚焦于技术细节,还将对未来发展趋势及潜在挑战进行前瞻性讨论。
221 0
|
存储 缓存 测试技术
DPDK-mempool(3)
DPDK-mempool(3)
304 0