美文网首页Vue.jsVue生态圈前端Vue专辑
MAC上学习Vue---Day3. 使用Chrome浏览器测试V

MAC上学习Vue---Day3. 使用Chrome浏览器测试V

作者: RaRasa | 来源:发表于2019-07-19 11:38 被阅读2次

    安装Chrome

    Chrome下载地址为:

    https://www.google.cn/chrome/

    安装vue-devtools调试工具

    1. 使用Chrome浏览器打开Day1创建的test1.html,并右键选择“检查”

    2. 打开Console选项卡给出的下载GitHub地址:

    https://github.com/vuejs/vue-devtools

    3. 进入GitHub后,先点击“Clone or download”,再点击“Download ZIP”进行下载

    4. 解压“vue-devtools-dev.zip”文件,并使用CMD工具进入该解压目录下,再执行如下命令:

    cnpm install

    cnpm run build

    5. 用Chrome浏览器打开如下地址,需要勾选“开发者模式”

    chrome://extensions/

    6. 选中开发者模式中的“加载已解压的扩展程序”选项,选择“vue-devtools-dev”文件夹中的shells/chrome文件夹

    7. 单击“更新”按钮,将安装Vue.js插件


    使用Chrome浏览器测试Vue.js的双向绑定

    1. 可查看msg的值:

    2. 可改变msg的值:

    相关文章

      网友评论

        本文标题:MAC上学习Vue---Day3. 使用Chrome浏览器测试V

        本文链接:https://www.haomeiwen.com/subject/mlprlctx.html