安装vue调试工具

2019独角兽企业重金招聘Python工程师标准>>>

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

Manual Installation

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

1、Clone this repo

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

3、npm run build

4、Open Chrome extension page

5、Check "developer mode"

6、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

1、根据如上操作得到以下文件：

2、解压后得到如下文件夹：

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

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

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

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

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

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

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

8、Sublime Text3设置默认浏览器

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

转载于:https://my.oschina.net/u/2427561/blog/1857384