安裝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