下载vue devtools扩展以获得更好的开发体验

分类:Vue 0 141
ぃ_被淹死的鱼、
发布日期:2019-08-13

Download the Vue Devtools extension for a better development experience:

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


翻译:下载vue devtools扩展以获得更好的开发体验

地址:https://github.com/vuejs/vue-devtools


在浏览器上安装 Vue Devtools工具:

工欲善其事, 必先利其器,Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。


1,首先在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools

2,切换路径到vue-devtools目录下安装依赖 

    cd vue-devtools
    npm install

3,然后修改vue-devtools\shells\chrome路径下的manifest.json文件,把”persistent”:false改成true

   "background": {
    "scripts": [
      "build/background.js"
    ],
    "persistent": true
  },

4,进行编译

   npm run build

5,打开chrome进入拓展程序 

6,打开开发者模式,点击加载已解压的扩展程序选择 vue-devtools > shells > chrome 放入, 安装成功如下图

https://oss.alasbusy.com/uploads/20190813/59ee8378e9cf7b27d6d9d031f168ad41.png

7,最后重新启动浏览器,运行项目就可以使用了。 (如果有帮助的话记得点个赞哟(^U^)ノ~YO)



回帖
  • 消灭零回复