vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装

chrome商店直接安装 

谷歌访问助手 链接:https://pan.baidu.com/s/1giAPOnldUj5CGjEpK6dqyA  密码:1mkp 

下载之后 打开扩展程序 直接把文件拖拽进去 然后搜索谷歌商店

手动安装 

vue-devtools

git clone https://github.com/vuejs/vue-devtools

第二步:cd 进入项目 安装项目所需要的npm包 

npm install //如果太慢的话,可以安装一个cnpm, 然后命令换成 cnpm install

 

第三步:修改shells>chrome文件夹下的mainifest.json 中的persistent为true 

vuex vue-devtools 安装

第四步:编译项目文件 (这一步一定不要忘了,没有执行这一步的话,项目文件夹shells>chrome文件夹里会少一个src文件夹)

npm run build

第五步:添加至chrome浏览器扩展程序

vuex vue-devtools 安装

vuex vue-devtools 安装

相关文章:

  • 2021-06-03
  • 2021-11-20
  • 2021-05-19
猜你喜欢
  • 2022-01-20
  • 2022-12-23
  • 2022-12-23
  • 2021-06-15
  • 2021-05-14
相关资源
相似解决方案