分别在Windows 和 Mac 下webstorm 设置 vue

在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一样。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容