vue-devtools是一款基于chrome浏览器的插件,用于调试vue应用。
安装:
- chrome商店直接安装。
- 手动安装
步骤: - 找到vue-devtools的github项目,并将其clone到本地:git clone https://github.com/vuejs/vue-devtools.git
- 安装项目所需要的npm包:npm install
- 编译项目文件:npm run build
- 添加至chrome浏览器:地址(“chrome://extensions/”)进入扩展程序页面,点击“加载已解压的扩展程序…”按钮,选择vue-devtools>shells下的chrome文件夹(例如:filenames/…/vue-devtools/shells)。
- 上面github网址里面的文件有问题,缺少shells文件夹内容,可上网搜一个现成的插件即可!然后,插件的安装网上有教程,最后打开CSDN官网的时候,那个绿色的图标会亮,前提是这个devtool插件属性设置好了!