Vue作为前端三大主流框架之一,非常值得大家学习。对于一些刚刚初学 Vue.js 的朋友们,我个人感觉用这个神器,初期更加的容易理解学习Vue。

安装

大家都用过谷歌插件,大家只需把文件下载下来,添加到谷歌的扩展程序即可使用。

下载:点击下载
我把东西放在百度网盘了,大家点击 点击下载,输入提取码即可! 提取码:86sv

  1. 下载好之后解压完毕,把文件夹放到一个永远不动的位置,你不可能放到桌面吧?删了咋办!!!!

  2. 打开谷歌浏览器,点击右上角三个点,然后点击更多工具,然后点击扩展程序。Vue调试神器之vue-devtools的安装与使用
    出现这个界面,把后边那个开发者模式打开

  3. 然后把下载好的文件夹中 vue-devtools 这个CRX文件,拖入到扩展程序空白处,然后确认添加扩展程序即可Vue调试神器之vue-devtools的安装与使用

  4. 这个时候右上角,会出现 Vue 这个图标但是是灰色的
    Vue调试神器之vue-devtools的安装与使用

  5. 接下来重要的一步,在扩展程序中,点击Vue.js devtools 工具的 详细信息Vue调试神器之vue-devtools的安装与使用

  6. 把这个 允许访问文件网址 ,选项打开,这个时候你才可以在你的 开发者工具中 看见 vue,如图。Vue调试神器之vue-devtools的安装与使用

到这里就已经安装好了。我自己整的 一个简单的双向数据绑定 测试就可以用,证明这个安装是成功的!
Vue调试神器之vue-devtools的安装与使用

相关文章:

  • 2021-08-18
  • 2021-12-22
  • 2021-08-19
猜你喜欢
  • 2022-01-16
  • 2021-06-12
  • 2021-11-27
相关资源
相似解决方案