一、可以在chrome商店中下载安装,当然需要FQ哈,你懂得~;
二、手动安装(重点介绍):
- 将github上项目文件克隆到本地,https://github.com/vuejs/vue-devtools;
git clone https://github.com/vuejs/vue-devtools
- 安装依赖:
npm i 或者 npm install
- 依赖安装完毕,运行命令来对文件进行编译:
npm run build
- 打开chrome,可以输入 chrome://extensions/,也可以点击右上角三个点 => 更多工具 => 扩展程序,来进入扩展程序页面(我的chrome版本为73);
点击 加载已解压的扩展程序(如果没有这个选项,请勾选开发者模式),然后选择 vue-devtools => shells => chrome 文件夹即可; -
添加完成;
-
打开F12开发者工具,会多出vue选项一栏,可以在里面看到组件、vue对象等的一些信息啥的~;