安装 Chrome
Chrome
下载地址为:
https://www.google.cn/chrome/
安装 vue-devtools 调试工具
- 使用
Chrome
浏览器打开Day 1
创建的test1.html
,并右键选择“检查”
- 打开
Console
选项卡给出的下载GitHub
地址:
https://github.com/vuejs/vue-devtools
- 进入
GitHub
后,先点击Clone or download
,再点击Download ZIP
进行下载
- 解压
vue-devtools-dev.zip
文件,并使用CMD
工具进入该解压目录下后,执行如下命令:
cnpm install
cnpm run build
- 修改
shells/chrome
文件夹下的manifest.json
文件, 把persistent
改为true
- 使用
Chrome
浏览器打开如下地址,需要勾选“开发者模式”
chrome://extensions/
- 单击“加载已解压的扩展程序”选项,选择
shells/chrome
文件夹,再通过右键“检查”选项进入如下页面,可见到Vue
选项,就说明vue-devtools
调试工具已经安装成功
使用 Chrome 浏览器测试 Vue.js 的双向绑定
- 可查看
msg
的值:
- 可改变
msg
的值: