标签:vue 记录 chrome yarn Chrome https devtools 安装 调试
一、chrome vue-devtools安装及使用
网址:https://blog.csdn.net/we101999/article/details/107207523/
结果:成功安装
学习视频:https://coding.imooc.com/class/chapter/285.html#Anchor
1、git clone https://github.com/vuejs/vue-devtools
2、cd vue-devtools
3、npm install -g yarn
(yarn是facebook发布的一款取代npm的包管理工具,速度超快)
4、yarn install
5、npm run build
6、修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件,persistent参数改为true。
(packages文件里有个shell-chrome文件,改为shells\chrome放在vue-devtools下)
7、Chrome浏览器 > 更多程序 > 拓展程序
点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入
8、重启Chrome,启动本地vue项目,在Chrome里打开f12调试工具
标签:vue,记录,chrome,yarn,Chrome,https,devtools,安装,调试 来源: https://blog.csdn.net/u014436783/article/details/122062108
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。