【教程】Chrome浏览器安装Vue插件⽅法(⼗分详细)博主最近在研究Vue,⽆奈新⼿想安装Chrome的Vue插件,整理下安装流程:chrome浏览器手机版下载
2.下载后解压
3.然后通过npm下载相关依赖,可能有些同学没有安装npm,博主也是,这⾥介绍下安装npm的⽅法。
从node.js中⽂⽹站下载node.js,⾥⾯包含npm
4.下载完成直接安装,因为博主已安装成功就不截图,验证npm是否安装成功命令,打开CMD输⼊
node -v
npm -v
如果出现对应版本号,说明安装成功
5.下载cnpm,因为vue插件要通过cnpm下载,cmd命令如下:
6.查看cnpm版本
cnpm -v
7.好了,接下来通过cnpm安装vue插件依赖
cmd命令:
先定位到刚才下载的vue插件⽬录⾥,博主安装在D盘,之后输⼊cnpm install。
D:\vue\vue-devtools-dev>cnpm install
下载时间⽐较长。
8.下载成功后接着输⼊npm run build 出现如下界⾯表⽰成功
9.接着修改manifest.json ⾥persistent 字段为true
10.如下
11.在Chrome中打开地址将D:\vue\vue-devtools-dev\shells\chrome⽂件夹拖⼊Chrome中
12.⾄此插件才算安装完成
13.访问⼀个vue页⾯按F12开发者⼯具,可以看到VUE控制台
希望能帮助到各位同学!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论