补充1:vue-devtools的安装
①打开cmd,进入你要安装的vue项目里(我还是把它放在我第一个项目里的)
https://github.com/vuejs/vue-devtools.git
②安装项目所需要的npm包:npm install (多等一会,npm的安装比较慢)
③编译项目文件:npm run build
成功后出现下图界面:
上述完成之后,进入vue-devtools->shells->chrome->src里可看到下面几个js文件
④修改文件配置
进入vue-devtools->shells->chrome->manifest.json把里面的“persistent”:false改为true
⑤扩展到Chrome浏览器 传送网址:chrome://extensions/
选择开发者模式-》加载已解压的扩展程序(选择vue-devtools->shells里面的Chrome)-》允许访问文件地址
⑥之后,进入再F12网页,就会看到下图的效果:
以上,完成~~~