分别在Windows 和 Mac 下webstorm 设

在Windows环境下：

1、安装Vue插件
点击file,找到plugins

如果查找到Vue,就将后面的check框勾选上，如果没有，最右边框有相关资源，点击加入就好，然后点击应用
2、设置Vue新建模板
file-->settings --> editor --> file and code template
如图所示：

3、将JavaScript 的版本改成es6
file --> settings --> languages & frameworks -->javascript

点击应用，就可以看到 这里可以创建Vue compone 文件了

这里送上我的模板

<template>
  <div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        msg: 'hello world!'
      }
    } ，
    methods：{}，
    components：{}
  }
</script>

在mac环境下：

mac 的 settings 是在 webstrom --> preferences 下。 其余设置方法和Windows一样。