vue-devtools安装:
小白刚入门vue.js,本着自学的心态,安装了这个工具
(如果有错或者没提及到的地方欢迎指出,勿喷)。
首先去GitHub下一个压缩包:https://github.com/vuejs/vue-devtools#vue-devtools
- 安装
- 1) 本着照顾下像我一样英文不太好的同学,附上截图
- 2)下载到本地的目录,解压
- 3) shift+鼠标右键打开命令行,输入命令
npm install
- 4)然后输入命令
npm run build
(没执行的话,文件夹shells>chrome文件夹里会少一个src文件夹) - 5)修改shells>chrome文件夹下的mainifest.json 中的
persistant
为true
- 6)输入
npm run dev
,这样就算安装成功了 - 7)接下来就要把vue-devtools添加到chrome作为扩展程序,右上角三个点>更多工具>扩展程序>加载已解压的扩展程序,然后把shells>chrome目录导入
(Chrome版本是68.0.3440.106) - 8)安装到chrome以后,右上角会出现一个vue图标
- 9)当你打开一个可运行的vue文件,控制台会出现一个vue窗口,同时右上角的vue图标会亮