安装vue-devtooles调试工具简解

原创 创建时间:2019-12-18 访问量:2536 赞:0 踩:0

1、下载:

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

当前目录会有一个vue-devtools文件夹,进入
cd vue-devtools

2、运行编译

注意:修改manifest.json文件把"persistent":false改成true


npm run build

如果报错如下:

'webpack' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
events.js:170
      throw er; // Unhandled 'error' event
      ^

Error: spawn webpack ENOENT
    at notFoundError (C:\Users\86189\VueProjects\vue-devtools\node_modules\cross-spawn\lib\enoent.js:6:26)
    at verifyENOENT (C:\Users\86189\VueProjects\vue-devtools\node_modules\cross-spawn\lib\enoent.js:40:16)
    at ChildProcess.cp.emit (C:\Users\86189\VueProjects\vue-devtools\node_modules\cross-spawn\lib\enoent.js:27:25)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:255:12)
Emitted 'error' event at:
    at ChildProcess.cp.emit (C:\Users\86189\VueProjects\vue-devtools\node_modules\cross-spawn\lib\enoent.js:30:37)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:255:12)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-devtools@5.3.3 build: `cd packages/shell-chrome && cross-env NODE_ENV=production webpack --progress --hide-modules`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-devtools@5.3.3 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\86189\AppData\Roaming\npm-cache\_logs\2019-12-18T03_27_57_230Z-debug.log
PS C:\Users\86189\VueProjects\vue-devtools> npm run dev:chrome

> vue-devtools@5.3.3 dev:chrome C:\Users\86189\VueProjects\vue-devtools
> cd packages/shell-chrome && webpack --watch --hide-modules

说明要安装webpack

npm install webpack -g


3、将编译好的内容导入到浏览器中


评论
 我想说:
==已经到底了==
关注: 粉丝: 积分:
工联信息网
如有问题请致邮箱:need@glxxw2018.com(仅限本站无法查询到的资料);本站能够查询到的资料请关注“工联信息网”公众号,通过页面提供的资源码查询!
不良信息反馈及侵权投诉建议请致邮箱:accusation@glxxw2018.com