【Vue.js】Vue.js的Chrome浏览器开发插件DevTools的安装步骤
1、插件下载
2、源码版本插件安装
1. 安装Node.js环境（安装步骤参见我的博⽂：yanyan.blog.csdn/article/details/103838456）
2. 解压GitHub上下载的插件，解压⽬录为：E:\software\Vue.js\vue-devtools-master；
3. cmd进⼊解压⽬录E:\software\Vue.js\vue-devtools-master，进⼊命令⾏操作模式；
4. 使⽤npm淘宝镜像安装依赖包地址：/
命令⾏安装npm淘宝镜像如下，之后就可以使⽤cnpm代替npm安装依赖包了：
>> npm install -g cnpm --registry=registry.
5. 在解压⽬录下运⾏：
>> cnpm install
vuejs流程图插件
6. 安装webpack
>> cnpm install --global webpack
7. 安装webpack-cli
>> cnpm install --global webpack-cli
8. 在解压⽬录下运⾏：
>> cnpm run build
9. cnpm run build 执⾏完，会在E:\software\Vue.js\vue-devtools-master\shells\chrome\src⽂件夹⾥产⽣如上图所⽰的⼏个js⽂
件；
10. 打开E:\software\Vue.js\vue-devtools-master\shells\chrome\manifest.json并把⽂件中的"persistent":false改成true
11. 打开Chrome浏览器，更多⼯具>扩展程序，点击“加载已解压的扩展程序”，将E:\software\Vue.js\v
ue-devtools-
master\shells\chrome⽂件夹放⼊，vue.js devtools插件就已经安装成功。
12. 测试安装成功
cmd进⼊⽬录：E:\software\Vue.js\vue-devtools-master，运⾏npm run dev，得到如下结果说明安装插件成功。
3、插件安装包（.crx⽂件）安装
1. 打开chrome://extensions/，扩展程序管理器，将下载好的.crx⽂件拖⼊即可弹出安装提⽰，点击确定安装即可。
2. 两次安装好的DevTools插件如下：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。