######小白刚入门vue.js,本着自学的心态,安装了这个工具
首先去GitHub下一个压缩包:https://github.com/vuejs/vue-devtools#vue-devtools
-
安装
-
- 本着照顾下像我一样英文不太好的同学,附上截图
- 本着照顾下像我一样英文不太好的同学,附上截图
-
2)下载到本地的目录,解压
-
- shift+鼠标右键打开命令行,输入命令
npm install
- shift+鼠标右键打开命令行,输入命令
-
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图标会亮