安装vue调试工具

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

Manual Installation

Make sure you are using Node 6+ and NPM 3+

一、Clone this repo

二、npm install (Or yarn install if you are using yarn as the package manager)

三、npm run build

四、Open Chrome extension page

五、Check "developer mode"

六、Click "load unpacked extension", and choose shells/chrome.

从https://github.com/vuejs/vue-devtools下载安装包后，解压.

执行cmd命令

D: Enter

cd vue-devtools-dev

npm install

npm run build

一、根据如上操做获得如下文件：

二、解压后获得以下文件夹：

三、打开谷歌浏览器的设置--->扩展程序，并勾选开发者模式

四、将chrome的整个文件夹直接拖拽到当前浏览器中，并选择启用，便可将插件安装到浏览器。

五、打开一个已有的vue项目，按F12.多出以下vue调试工具：

六、配置是否容许vue-devtools检查代码，方便调试，生产环境中须要设置为false

Vue.config.devtools=false;
Vue.config.productionTip=false; //阻止vue启动时生成生产消息

七、Sublime Text3下高亮显示vue语法,并自动提示

https://www.cnblogs.com/binlucky/p/6471351.html

八、Sublime Text3设置默认浏览器

https://blog.csdn.net/stanxl/article/details/78597214