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调试出现了。