一、安装vue插件

二、idea->Edit Configuration

1、如图，添加类型为npm的配置；执行脚本内容为dev；这一步等同于用控制台终端手动执行 npm run dev；用于启动node服务器。

A、配置服务

B、配置debug默认浏览器

1、点击配置弹出如下界面，点击浏览器设置（标识1）

2、自定义地址（标识2），将默认谷歌浏览器指向安装的地址

3、选中Chrome并点击编辑按钮（标识3）打开Chrome Setting弹出

4、在Command line options输入框中输入：–remote-allow-origins=*，然后保存配置（标识4）

如果不配置可能发生下列异常：

原因：
新版本谷歌浏览器 rejects therequestsunless started with --remote-allow-origins=*;

异常表现：

1. Google浏览器窗口地址栏显示：about:blank；
2. webstorm Event Log显示：

三、先启动npm-service，再启动JavaScriptDebug，就可以调试了。