之前一篇博客中,写到可以直接安装插件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