JS读书笔记30天 - Day27 Vue的前置工作与开发者工具

必要安装

1. 文字编辑器，像是VSCode、Atom、Sublime
2. VSCode内插件Live Server或Preview on Web Server二择一（或其他文字编辑器的类似插件）
3. VSCode中插件Vue、Vue 2 Shippets（或其他文字编辑器的类似插件）
4. Chrome插件Vue.js devtools

Vue的开发者工具：Vue.js devtools

安装

依一般安装Chrome插件的方式安装：

安装网址

安装过後，在Chrome的开发者工具中会出现Vue的面板（通常会在最後一个）：

打开之後：

因为Vue是资料驱动画面，所以在除错时，使用console.log()是没有效果的，需要打开Vue的开发者工具。

所以资料如果在除错时需要更改，也要从Vue的开发者工具来操作：