之前一篇博客中,写到可以直接安装插件Vue安装Vue Devtools调试工具简便方法解决Cannot find module webpack-cli,@vue-devtools/build-tools等
除此之外,在GitHub将Vue Devtools拉到本地安装依赖后运行报错Error: Cannot find module '@vue-devtools/build-tools'
的主要原因是:
我们拉去Devtools后,默认的分支是在dev
分支上,我们需要切换到master
分支进行操作。
- 找到vue-devtools的github项目,并将其clone到本地
git clone https://github.com/vuejs/vue-devtools.git
- 利用命令
git checkout master
将分支切换到master分支 - 执行
npm install
- 执行
npm run build
- 在Chrome扩展程序中,选中shell下的Chrome文件夹,即可添加vue devtools