vue之调试工具DevTools

vue,调试工具DevTools

第一步:复制项目到本地,可以使用git clone https://github.com/vuejs/vue-devtools.git 到本地,也可以直接将项目下载到本地

https://cn.vuejs.org/  vue官网中生态系统》工具》DevTools可以找到项目的地址。

第二步:使用npm 或者cnpm 安装依赖  

npm install
cnpm install

推荐使用第二种,快

请注意下载项目的时候的分支,本人是在master分支上操作的

安装完依赖之后。

第三步:执行打包

npm run build
cnpm run build

第四步:打开你的谷歌浏览器找到扩展程序,找不到请自行百度在哪里找。

第五步:打开浏览器当中的

 目录选择到:

 然后就能添加上vue开发工具了

如果你发现你的浏览器中存在vue图标,但是没有vue调试栏目,请检查你的项目是否开启了调试工具

官网推荐:Vue.config.devtools = true;添加在项目的main.js中。

重启项目,应该就会看到vue调试出现了。

原文地址:https://www.cnblogs.com/shangguancn/p/13772202.html