devTools最新安装方法

VUE DevTools 最新安装方法

啊头疼!最近学习vue,要用到devtools,网上搜索资料,发现都不行,然后就试了好久好久,终于,成功了,接下来划重点!仔细看!!!!

  • 进入vue官网
    https://vuejs.org/
    按照图片的指示
    x`devTools最新安装方法_第1张图片
  • 进入githb,按照图片的指示,这里咱们选择下载压缩包,因为github的服务器不在中国,如果用git的话很大的几率下载都下载不了,
    devTools最新安装方法_第2张图片
    devTools最新安装方法_第3张图片
  • 下载之后解压到桌面

重点

  • 因为最新版本的devtools要用yarn 命令
  • 这里默认已经下载了node
  • 在命令窗口中 npm install -g yarn
  • 然后在刚刚解压的文件,按住shift+右键
    devTools最新安装方法_第4张图片
  • yarn install
  • yarn run build
  • 按照完成之后,进入谷歌浏览器,按图片指示

devTools最新安装方法_第5张图片

devTools最新安装方法_第6张图片
devTools最新安装方法_第7张图片

更改:新的版本 yarn run build 后在package中
导入的时候选择此项即可
devTools最新安装方法_第8张图片

好了 大功告成,制作不易啊,喜欢就收藏吧 嘻嘻~

你可能感兴趣的:(vue,vue.js)