Chrome浏览器vue-devtools插件安装教程

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiangxiezhuren/article/details/79443455

本教程主要介绍Vue.js的vue-devtools插件在Chrome浏览器中的安装过程。

1.打开vue-devtools主页

vue-devtools插件GitHub的地址为:https://github.com/vuejs/vue-devtools


2.Clone该repo到本地

首先保证你的电脑上安装了git和npm

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


3.npm install

>cd C:\software_dev\vue-devtools

>npm install 


4.build

>npm run build


5.将该插件添加到chrome扩展程序

(1)打开chome扩展程序:更多工具>扩展程序


(2)勾选“开发者模式”

(3)点击“加载已解压的扩展程序...”

(4)选择vue-devtools目录下的“shells/chrome”


点击“确定”即添加成功。




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

猜你喜欢

转载自blog.csdn.net/xiangxiezhuren/article/details/79443455