vue-devtools工具的安装和使用
原创
目录
5、将刚才看到的chrome目录直接拖拽到上述页面中，就可以看到上成功加载了Vue开发工具
介绍：
在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。
1、从github拉取开发工具源码
image
2、在vue-devtools目录下安装依赖包
cd vue-devtools
npm install
image
3、执行npm run build
看到如下界面，表示成功
image
此时在vue-devtools目录下会出现一个shells目录，其中有一个chrome目录
image
4、打开Chrome浏览器，选择更多工具->扩展程序
image
5、将刚才看到的chrome目录直接拖拽到上述页面中，就可以看到上成功加载了Vue开发工具
6、打开一个Vue应用的页面
然后开启对开发工具的支持，此时在原来Chrome的开发者工具中就会出现一个名字为Vue的tab，通过这个tab就可以看到当前Vue应用运行的一些信息，方便进行调试。
image
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具（Cloudbase CLI Devtools，CCLID）是云开发官方指定的 CLI 工具，可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等，您可以专注于编码，无需在平台中切换各类配置。
腾讯云开发者
