谷歌浏览器安装vuejs devtools 插件

1 . 下载chrome扩展插件。

在github上下载压缩包并解压到本地,github下载地址:https://github.com/vuejs/vue-devtoolsvue

2. npm install

下载完成后打开命令行cmd进入vue-devtools-master文件夹,git

1. npm install,安装依赖包;若是安装太慢,就先安装淘宝镜像,命令行输入    $ npm install -g cnpm --registry=https://registry.npm.taobao.org。github

   安装完成后能够测试是否安装成功:可输入命令:$ cnpm -v         返回版本号说明安装成功chrome

 如今就能够用 $ cnpm installshell

 2.cnpm run build   npm

 

  编译打包完后会在shells>chrome下的src文件夹里生产如上图所示的几个js文件;浏览器

 3.扩展chrome插件

  1.打开chrome浏览器,点击右上角,打开更多工具>扩展程序;工具

  2.打开右上角的开发者模式。 再点击加载已解压的扩展程序,而后把shells>chrome文件夹放入
性能

 

  3.测试插件是否有效。运行Vue项目后 切换到Vue模式。学习

 

免责声明

  • 本博客全部文章仅用于学习、研究和交流目的,欢迎非商业性质转载。
  • 博主在此发文(包括但不限于汉字、拼音、拉丁字母)均为随意敲击键盘所出,用于检验本人电脑键盘录入、屏幕显示的机械、光电性能,并不表明本人局部或所有赞成、支持或者反对观点。如须要详查请直接与键盘生产厂商法人表明联系。挖井挑水无水表,不会网购无快递。
  • 博主的文章没有高度、深度和广度,只是凑字数。因为博主的水平不高(实际上是个菜B),不足和错误之处在所不免,但愿你们可以批评指出。
  • 博主是利用读书、参考、引用、抄袭、复制和粘贴等多种方式打形成本身的文章,请原谅博主成为一个无耻的文档搬运工!
相关文章
相关标签/搜索