vue调试程序的安装(⾕歌浏览器chrome的vuejsdevtools插件
的安装)
1.⾸先在GitHub上下载vue的调试程序插件 vue-devtools
地址:在github上下载压缩包并解压到本地,github下载地址:
2. npm install
下载完成后打开命令⾏cmd cd进⼊vue-devtools(下载的⽂件夹中)⽂件夹,
1. npm install,安装依赖包;
2. npm run build
3.npm run build 执⾏完,
会在shells>chrome下的src⽂件夹⾥⽣产如上图所⽰的⼏个js⽂件;chrome浏览器手机版下载
npm run build 执⾏完,会在shells>chrome下的src⽂件夹⾥⽣产如上图所⽰的⼏个js⽂件;
若不执⾏以上命令会报错,⽆法加载背景脚本"build/background.js",如下图:
3. 打开shells>chrome>manifest.json并把json⽂件⾥的"persistent":false改成true
4. 扩展chrome插件
1.打开chrome浏览器,打开更多⼯具>扩展程序;
2.再点击加载已解压的扩展程序,然后把shells>chrome⽂件夹放⼊
5,测试安装成功
在插件的⽬录下执⾏npm run dev,这个时候我们的插件就可以运⾏了,打开localhost:8080可以看到插件已经安装并运⾏了。之后我们再打开我们的vue 项⽬按f12 会发现控制台多了⼀个 vue 的选择
安装成功!!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论