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

相关文章
|
6月前
|
JSON 缓存 JavaScript
vue脚手架安装方法——2023年5月28日版本
vue脚手架安装方法——2023年5月28日版本
160 0
|
1月前
|
JavaScript Windows
windows安装vue
windows安装vue
|
4月前
|
JavaScript
vue 下载插件downloadjs
vue 下载插件downloadjs
62 1
|
4月前
|
Web App开发 JavaScript 开发者
谷歌浏览器chrome安装vue调试插件Vue-Devtools
谷歌浏览器chrome安装vue调试插件Vue-Devtools
241 0
|
5月前
|
Web App开发 JavaScript 开发者
Chrome如何安装vue-devtools
Chrome如何安装vue-devtools
|
6月前
|
Web App开发 JavaScript 前端开发
正确开启vue3.0调试工具vue-devtools
正确开启vue3.0调试工具vue-devtools
2730 2
|
6月前
|
Web App开发 监控 JavaScript
chrome安装vue插件 vue-devtools
chrome安装vue插件 vue-devtools
1961 0
|
6月前
|
资源调度 JavaScript 前端开发
如何安装 Vue 3 并配置开发环境
如何安装 Vue 3 并配置开发环境
927 0
如何安装 Vue 3 并配置开发环境
|
6月前
|
JavaScript
Vue安装教程
Vue安装教程
75 0
|
Web App开发 JavaScript 前端开发
Vue系列教程(06)- Vue调试神器(vue-devtools)
Vue系列教程(06)- Vue调试神器(vue-devtools)
67 0