Vue 安装开发工具Vue.js devtools

Vue 安装开发工具Vue.js devtools

火狐游览器安装

谷歌游览器安装

火狐游览器安装

1. 打开菜单，找到首选项，点击扩展和主题，在输入框中输入Vue.js devtools，回车。
   
2. 找到Vue.js devtools，点击下载即可安装完成。（下图是已经安装过了）
   

谷歌游览器安装

1. 输入网站：https://github.com/vuejs/vue-devtools/，选择要安装的版本。（这边建议不要安装最新的版本，执行npm run build的时候，有的会报错）

2. 下载好后解压
   

3. 进入到vue-devtools-5.1.1目录
   

4. 然后下载依赖node_modules
   使用cnpm下载比较快，输入：pm install -g cnpm --registry=https://registry.npm.taobao.org，
   

5. Mac的伙伴报错，然后输入：sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
   

6. 进入到vue-devtools-5.1.1目录下的shells/chrome/ ，输入：cd shells/chrome/ ,进入后继续输入： cnpm run build

7. 打开manifest.json文件。
   

8. 找到persistent，将false改完true。
   

9. 点击右上角，找到设置，点击扩展程序。
   

10. 选择chrome
    

11. 成功
    

此外，在Vue.js官网中还提及到在 VS Code 中调试和简单的 debugger 语句