1.下载地址https://github.com/vuejs/vue-devtools
2.npm install
3.修改packages/shell-chrome/manifest.json 31行 "persistent":true
4.npm run build 出错？
D:\vue-devtools>npm run build
vue-devtools@5.3.3 build D:\vue-devtools cd packages/shell-chrome && cross-env NODE_ENV=production webpack --progress --hide-modules
ackages:
One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:
- webpack-cli (github.com/webpack/web…) The original webpack full-featured CLI. We will use "npm" to install the CLI via "npm install -D". Do you want to install 'webpack-cli' (yes/no): yes tallable status Installing 'webpack-cli' (running 'npm install -D webpack-cli')... [ .................] | fetchMetadata: sill resolveWithNewModule is-extglob@2.1.1 checking insnpm WARN webpack-cli@3.3.10 requires a peer of webpack@4.x.x but none is installed. You must install peer dependencies yourself. npm WARN @vue-devtools/shell-chrome@0.0.0 No description npm WARN @vue-devtools/shell-chrome@0.0.0 No repository field. npm WARN @vue-devtools/shell-chrome@0.0.0 No license field.
audited 1061 packages in 78.833s found 0 vulnerabilities
Error: Cannot find module 'webpack-cli' Require stack:
- C:\Users\Lenovo\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:793:17)
at Function.Module._load (internal/modules/cjs/loader.js:686:27)
at Module.require (internal/modules/cjs/loader.js:848:19)
at require (internal/modules/cjs/helpers.js:74:18)
at C:\Users\Lenovo\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js:143:5
at processTicksAndRejections (internal/process/task_queues.js:94:5) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'C:\Users\Lenovo\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js'
]
}
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-modulesnpm 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\Lenovo\AppData\Roaming\npm-cache_logs\2020-02-04T03_17_41_865Z-debug.log
D:\vue-devtools>
5.打开chrome浏览器，chrome://extensions 加载已解压的扩展程序（开发者模式）
博客：juejin.cn/post/684490…
作者是自己制作的chrome插件吗？ 为什么github上的编译的时候有问题？
