首先在vue官方文档中点击导航栏“生态系统”中的工具的“Devtools”，然后跳转到https://github.com/vuejs/vue-devtools，根据步骤来进行安装插件。
遇到的问题1：yarn没有安装，解决方法在上一篇博客已经提到。
遇到的问题2：在第三步安装时，一直处于waiting状态（截图忘记截啦），尝试通过yarn config set registry 'https://registry.npm.taobao.org更换淘宝源还是无果，最终使用cnpm install安装所需要的包就直接到第四步构建。
最终结果：构建成功。
遇到的问题3：将vue-devtools工具添加到谷歌浏览器的扩展程序之后在控制台中没有显示vue（Devtools inspection is not available because it’s in production mode or explicitly disabled by the author.），原因是网页导入的是压缩版的vue.min.js，需要导入vue.js即可解决。
心得：遇到问题不要慌，相信一直一定可以解决，方法总比问题多！