如何在.vue中制作IntelliJ IDEA lint TS脚本?

时间:2018-03-27 19:37:50

标签: intellij-idea vue.js tslint

我一直在和Vue&最近是TypeScript,而我却无法实现这一点:

我正在使用tslint在所有TS脚本上提供统一的代码样式,它适用于所有.ts文件。 问题是,在linting我的.vue文件时IDE使用其默认设置。

Example.vue:

<template>
  <div>Example</div>
</template>
<script lang="ts">
  import Component from "vue-class-component"; //<-- not complaining for double-quotes
  import Vue from 'vue';

  @Component
  export default class Example extends Vue {}
</script>

如果放入.ts文件,同一段代码会导致IntelliJ IDEA发出linter警告。

到目前为止我尝试过:

  • 缓存无效&amp;重新启动
  • 在webpack config中设置tslint-loader

任何想法我怎么能让这个工作?

1 个答案:

答案 0 :(得分:0)

我们在.vue - WEB-31044中有一个支持TSLint的功能请求。请关注它以获取更新。 请注意,TSLint本身目前不支持linting Vue单文件组件 - 请参阅https://github.com/palantir/tslint/issues/2099