如何在WebStorm下的TSLint中启用类型检查？
在WebStorm下启用类型检查需要进行以下步骤：
- 确保已经安装了Node.js和npm，并且已经在项目中初始化了package.json文件。
- 打开WebStorm，进入项目根目录。
- 在终端中运行以下命令，安装TSLint和相关的依赖：
npm install tslint typescript --save-dev- 在项目根目录下创建一个名为tslint.json的文件，并配置TSLint规则。可以参考TSLint官方文档（https://palantir.github.io/tslint/）了解更多规则配置。
- 在WebStorm的菜单栏中选择“File” -> “Settings”打开设置面板。
- 在设置面板中，选择“Languages & Frameworks” -> “JavaScript” -> “Code Quality Tools” -> “TSLint”。
- 在右侧的“Node interpreter”字段中，选择已安装的Node.js解释器。
- 在“TSLint package”字段中，选择项目中安装的TSLint包。
- 在“Configuration file”字段中，选择刚刚创建的tslint.json文件。
- 点击“Apply”或“OK”保存设置。
现在，在WebStorm中打开的TypeScript文件中，TSLint会自动进行类型检查，并根据配置的规则进行代码质量检查和提示。如果有错误或警告，会在编辑器中显示相应的提示信息。
注意：以上步骤是在WebStorm中启用TSLint的基本配置，具体的配置和规则可以根据项目需求进行调整。
相关·内容
这张图片显示了我的TSLint配置(右)和一个警告(左)。我知道右边说要应用TSLint的代码风格，但即使在我说“是”之后，这些警告仍然存在。
我相信"semicolon": [true, "never"]的意思是永远不需要分号。
如何让WebStorm遵守此设置以从不使用分号，以及为什么不从TSLint读取此设置？
浏览 1提问于2019-08-09得票数 1
我遇到过很多这样的情况，最终决定找出正确的方法。如果我有一个抽象的父类，它声明了一个方法，然后一些具体的子类在它们的实现中实现了真正的逻辑(显然，使用了方法参数)，但是一些子类不需要在该方法中做任何事情(所以不要使用方法参数)-那些不需要做任何事情的子类会在我的代码中生成虚假的(在我看来)警告。
例如，如果我有一些如下所示的类：
abstract class Child {
constructor(protected name: string) {
connsole.log(name + " was just born.");
}
abstract tel
浏览 0提问于2018-05-10得票数 10
回答已采纳
2回答
我用的是WebStorm 2019.1
我用角度CLI生成了一个项目。
一切正常，但我的项目中有一两个.js文件-例如，protractor.conf.js
在IDE中，TSLint正在排列.js文件并显示大量的红色。但我不想让TSLint给.js文件做线头。
我知道我可以禁用这个文件的TSLint，但是我宁愿通过tsconfig.json或tslint.json来正确地配置我的项目，或者如果其他通过WebStorm设置失败的话。
我尝试过这里描述的"tslint.jsEnable": false -- --但我认为这是针对不同的IDE的。有什么想法吗?如何通过ts
浏览 1提问于2019-04-02得票数 3
回答已采纳
1回答
几个月前，我开始了一个使用Visual Studio代码编辑器的Angular项目。
今天，我切换到了WebStorm，我还将我的项目升级到了Rang4.0。
虽然我的项目运行良好，没有任何错误，但我在WebStorm中收到以下错误：
TSLint:组件"ConnectionStatusComponent“的选择器应该有前缀"app”( ) (组件-选择器)。
按照该链接，我意识到向prevent name collisions with components in other apps and with native HTML elements组件选择器中添加自定义前
浏览 1提问于2017-04-25得票数 11
回答已采纳
我想在WebStorm IDE中更改自定义格式化程序。当我使用ctrl + alt +o热键时，我在TypeScript文件中的导入被格式化为form：
import {HttpModule} from "@angular/http";
没关系，但是TSLint高亮显示一行并显示消息：
TSLint：“应该是”(商城)
是否可以更改Webstorm自定义格式化程序，以便以这种方式导入格式：
import {HttpModule} from '@angular/http';
我注意到我对改变tslint.json不感兴趣
浏览 1提问于2017-08-15得票数 0
回答已采纳
通过重新打开我的typescript项目，我意识到我充满了这种类型的错误：
TSLint: " should be ' (quotemark)
TSLint: Type boolean trivially inferred from a boolean literal, remove type annotation (no-inferrable-types)
TSLint: for (... in ...) statements must be filtered with an if statement (forin)
TSLint: unused expression, ex
浏览 2提问于2018-04-06得票数 0
2回答
以下尝试不起作用：
/* tslint:disable:"no-unused-variable" */
/* tslint:disable:'no-unused-variable' */
/* tslint:disable:no-unused-variable */
也许Webstorm还有其他的衬里机制在后台工作呢？我如何使它们失效，使只有tslint处于活动状态？
编辑:所需的解决方案是在源代码级别完成它，而不配置任何IDE设置.
浏览 3提问于2016-04-22得票数 10
回答已采纳
我安装了TSLint，它在2016年WebStorm上运行得很好。
但在此之后，我尝试安装。遵循关于github的说明，并将"rulesDirectory": "node_modules/tslint-eslint-rules/dist/rules"添加到我的自定义tslint.config文件中。但是，tslint规则似乎不起作用，在WebStorm中出现了一个错误。
(node_modules\tslint\lib\ruleLoader.js:29 throw new Error....)
是否有人能确认这种向TypeScript规则移植的方法实际上不能与标
浏览 4提问于2016-06-22得票数 2
回答已采纳
我有很多代码，我正在移植到缺少类型的类型记录。现在，我希望我的IDE (WebStorm)只突出需要输入的地方，然后慢慢地把它们修好。
如果tsconfig.json有一个noImplicitAny的warning设置，那将是理想的。另一种选择是tslint规则，但我不知道tslint引擎是否能胜任这项工作。
有谁知道实现这一目标的方法吗？
浏览 0提问于2017-03-23得票数 7
回答已采纳
这里有一个WebStorm野兽，我喜欢它，当我编辑/开发我的Angular.js应用程序时，它提供了很好的服务，但是自动插入的代码，保护我进入该代码，并不适合由棱角客户端自动创建的TSLint规则。
示例：
我创建了一个新模块(AModule)，它应该包含在另一个模块(module B)中。当我在AMdule的导入部分输入BModule时，intellisense提供给我AModule，我点击enter，模块就会被导入。但是，它是进口的：
import {AModule} from "./services/AModule/AModule.module";
我想要这个：
impo
浏览 0提问于2017-08-05得票数 0
回答已采纳
在WebStorm中是否有一种方法可以将TSLint给出的错误红线更改为不那么令人担忧的行(警告或类似的)？
下面是我想避免的一个例子：
浏览 4提问于2017-07-31得票数 5
回答已采纳
1回答
在我的应用程序中，我已经设置了一些规则，以便通过将它们添加到我的tslint.json文件中来受益于，比如。
在使用ng lint时，这些规则可以正确工作，从而可以正确地捕获任何错误。
但是，我在中没有收到任何错误，这很奇怪，因为我通常也会收到TSLint警告。
如何在WebStorm中启用编码器警告？
浏览 0提问于2019-12-05得票数 1
我的tslint.json中有一些需要--type-check功能的规则。WebStorm没有提供将命令行参数添加到TSLint插件的方法。它也没有为我提供从GUI启用它的方法。
结果，TSLint崩溃，TSLint插件报告错误，我看不到检查。
当我使用--type-check参数从命令行运行TSLint时，它可以工作，但是我需要在集成开发环境中进行检查。
有没有人有解决这种情况的办法？
浏览 26提问于2016-09-07得票数 15
我使用带有默认配置tslint:recommended的tslint，并且我想适应尽可能少的规则。
某些规则强制执行
src/core/task/TaskMockDecorator.ts[2, 1]: Import sources within a group must be alphabetized.
src/core/task/taskRunner.ts[1, 16]: Named imports must be alphabetized.
我不想自己按字母顺序对导入项进行排序。在我禁用该内联之前: WebStorm / PhpStorm可以为我禁用内联吗？
浏览 20提问于2016-12-05得票数 11
回答已采纳
是否有任何方法可以自动修复TSLint警告在IntelliJ和WebStorm？
浏览 0提问于2017-09-08得票数 9
回答已采纳
使用WebStorm 10.0
我目前正在学习Node，并安装它所需的所有组件。所以我选择用Jest来测试我的工作，我已经在WebStorm中的框架和语言中安装了Jest，但是它一直显示出承诺作为未解决的类型，如何在WebStorm中修复它呢？
浏览 5提问于2016-06-16得票数 9
回答已采纳
尽管有类似的问题，我还是找不到明确的答案。
我正尝试在TypeScript中使用suncalc模块。它没有自己的键入文件，所以我创建了一个，并将其放在suncalc/suncalc.d.ts下的我的键入文件夹中
在我的文件的顶部，我有以下内容：
/// <reference path="../typings/suncalc/suncalc.d.ts" />
"use strict";
import * as moment from "moment";
import {SunTimes} from "suncalc";
浏览 11提问于2016-08-09得票数 3
我的WebStorm中的Angular2项目突然开始显示每个TSLint .ts检查
TSLint: error: unknown option `-t json'
浏览 0提问于2017-07-13得票数 10
在WebStorm中，我的角度项目的tslint.json包含以下几行
"triple-equals": [
true,
"allow-null-check"
]
每当我在component.ts文件中进行component.ts比较时，它都会显示林特警告以及其他TSLint警告和错误。
单击“TSLint: File”之后，它修复了所有问题，但没有将==转换为===，并一直显示==应该是===的警告。
请建议如何解决这个问题。
浏览 0提问于2018-07-31得票数 0
回答已采纳
我有一个由webpack提供动力的角4项目。我在项目中使用了TypeScript，我使用WebStorm作为IDE。
在我的代码中，我使用Set没有问题。
我还想在单元测试中使用Set从模拟的函数返回一个值。
当我尝试使用new Set(['A', 'B'])时，我在WebStorm中看到了一个错误：
Set仅指类型，但它被用作值。
这个错误来自TSLint (我假设)，但是当我手动运行TSLint类时，我看不到Iterm中的相同错误(所以我假设是WebStorm没有识别Set)。
在WebStorm配置中，TSLint启用并查看tsconfig.jso
浏览 3提问于2017-09-26得票数 2
1回答
我正在尝试使用standard.js在Intellij中进行衬里。我遵循了安装节点模块的说明和手动启用linting的Webstorm指南，因为IDE没有自动启用它。我仍然没有看到lint在编辑器中工作的迹象，因为我已经介绍了一些明显的代码标准缺陷。
下面是我遵循的一般顺序：
安装了standard.js模块。验证它和eslint都包含在package.json中的项目级节点模块中。
从项目级别package.json中删除对lint模块的任何其他引用。
禁用tslint插件。
移除tslint.json
预定义样式-标准，然后单击“从预定义样式设置”
语言和框架- J
浏览 0提问于2018-02-27得票数 1
回答已采纳
我找到了"lint"："tslint“，在某人的package.json文件中找到了，但我不明白--项目的意思。我在webpack的医生身上找不到任何线索。json'
"script": {
"lint": "tslint --project ."
}
浏览 0提问于2019-07-14得票数 1
回答已采纳
10回答
正在使用的IDE是WebStorm 11.0.3，tslint已经配置并工作，但是，它挂起是因为它试图解析大型*.d.ts库文件。
是否存在忽略特定文件或目录的方法？
浏览 9提问于2016-01-03得票数 164
回答已采纳
假设我有这个
interface IProps {
text: string
}
class TextComponent extends PureComponent<IProps> {
render() {
return (
<Text>{this.props.text}</Text>
)
}
}
function mapStateToProps(state: ITextComponentReduxStore) {
return {
text: state.text,
}
}
function d
浏览 0提问于2019-02-02得票数 0
基本问题：可以只键入import吗？
我确实想知道
TS: property 'id' does not exist on type 'Stripe.customer' (例如)，但不是在我自己的对象上，比如property 'prop1' does not exist on type '{}'
背景
我正在编写一个Javascript项目，我希望在使用导入库时使用类型记录来添加intellisense，而不是用JS编写，所以我在开发期间将.js文件更改为.ts。(参见底部)在Javascript项目中，许多对象被初始化为let
浏览 1提问于2020-01-21得票数 2
也许我遗漏了一些东西，但我还没有在WebStorm中找到一个专用的位置，在那里我可以看到(并导航) TSLint报告的所有错误。
在最好的情况下，我可以在打开文件并按F2 (进入下一个突出显示的错误)时找到错误，这些错误并不总是有效的。
PS。在TypeScript中有一个专用的WebStorm窗格/l，但是它没有显示任何TSLint错误，事件日志窗格/l中也没有报告这些错误。
浏览 3提问于2017-01-10得票数 8
定义但未在.ts文件中而在模板中使用的变量在WebStorm中悬停时显示此警告。
未使用字段X (CTRL + F1)
集合'x‘的内容被更新，但从未查询过。 (CTRL + F1)
是TSLint还是WebStorm？因为这只是个警告。
我应该忽视它吗？
浏览 2提问于2016-03-16得票数 1
回答已采纳
1回答
我不知道我的WebStorm设置发生了什么变化，但以前每当我添加新的react组件时，它都会通过在组件名称上添加下划线来给我一个警告。但现在它没有显示任何警告。为什么？
请看我的截图例子，目前在截图函数中没有定义，所以它给出了下划线。
如何重置设置？
在屏幕截图中，我添加了Button,Dialog,DialogTitle，但没有导入。它没有给出任何警告，为什么？
浏览 4提问于2018-09-01得票数 0
我正在尝试将我的TSLint规则配置为包括：ordered-imports和module-source-path。我希望有这样的规则:导入首先是按路径排序的，然后是带有不同组的源(1 1grp=外部libs，2 1grp=内部源)。自动修复对我也很重要。
正确排序的导入示例：
import { CommonModule } from '@angular/common';
import { Observable } from 'rxjs';
import { MainComponent } from 'app/components/main.compon
浏览 2提问于2018-09-06得票数 1
我有一个运行TSLint的简单文件观察器。如果我复制命令并在控制台中运行它，除了WebStorm之外，一切正常，使用旧的节点版本运行它，并抛出错误Buffer.alloc is not a function。
我正在使用nvm来管理node.js版本。
ubuntu 16.4
浏览 1提问于2019-12-04得票数 0
我想不出为什么在VSCode中有一个项目，使用tslint设置，我得到了错误：
‘'public’只能在.ts文件中使用。
实际上，为什么我没有得到通常的变量a也从来没有读取/使用警告/错误
tsconfig.json
{
"compilerOptions": {
"plugins": [
{
"name": "typescript-tslint-plugin"
}
]
},
}
tslint.json
{
"defaultS
浏览 0提问于2019-02-13得票数 0
1回答
我在PhpStorm (v2020.2.1 Build # PS-202.6948.87)和TSLint上有一个问题。
实际上，我安装了“角- TSLint规则”包，激活了TSLint在PhpStorm设置中的自动配置，以便有尽可能干净的代码。
然而，PhpStorm并没有指出包含在“角-tslint规则”包中的所有错误。我有一个关于规则prefer-readonly的例子。在PhpStorm上，如您所见，没有什么是带下划线的：
在Vscode中，同样的代码带有错误“偏好-只读”下划线，如您所见：
那么，为什么PhpStorm不向我指出错误呢？你有什么可能的解决办法吗？
谢
浏览 3提问于2020-09-14得票数 0
回答已采纳
我试图使用网络风暴与webpack和打字稿，我一直坚持错误检查。我想用webpack编译ts文件，所以我需要避免通过Webstorm编译源文件，但似乎Webstorm只在编译过程中执行错误检查。
对应于webstorm文档“使用tsconfig.json解析对象”，不需要编译就可以激活错误检查，但不会。
示例代码，Webstorm没有突出显示的代码
{ let z = 4;}
console.log(z);
我的tsconfig文件：
{
"compilerOptions": {
"module": "commonjs",
浏览 4提问于2015-12-16得票数 4
回答已采纳
我目前使用的是WebStorm 10.0.4。最新的TypeScript版本是1.5.3。但是在WebStorm中有一个旧版本的TypeScript。如何在TypeScript中更新WebStorm版本？
浏览 7提问于2015-07-24得票数 5
回答已采纳
2回答
我正在为JetBrains WebStorm开发一个插件。我正在使用IntelliJ的想法作为我的开发环境。
我的问题是:当我从IDEA中调试插件时，它就像预期的那样工作。创建新项目时，我可以在菜单上看到我的自定义模块选项。但是当我构建插件并在WebStorm中上传WebStorm时，我在菜单上看不到这个选项。我也尝试过对WebStorm进行“远程调试”，但是失败了。
我将这一行添加到我的plugin.xml中，以便为所有平台启用插件：
<depends>com.intellij.modules.lang</depends>
事实上，我知道这是可行的，因为如果我尝试使用
浏览 5提问于2017-12-01得票数 0
回答已采纳
我目前在TypeScript和TSLint中使用React，直到现在我还在导入React，如下所示：
import * as React from 'react';
我想把它改为：
import React from 'react';
这样我就不需要额外的行和const声明来分解像useCallback、useEffect或useRef这样的钩子了
import React, { useCallback, useEffect, useRef } from 'react';
但是，我从TSLint得到了以下错误：
错误命名的进口。导入应该命名为“
浏览 6提问于2019-12-10得票数 2
回答已采纳
简单的问题，在WebStorm中：
此外，tsc还抱怨：
error TS2304: Cannot find name 'module'.
我要么看：
对于类似于键，允许忽略在活动检查范围上定义的全局变量，或
将一些注释或导入添加到我的@Component中，我忘记了允许TSLint查看module，。
重要的是，我不想添加代码中的//noinspection TypeScriptUnresolvedVariable，因为我们拥有的每个组件都需要这种moduleId: module.id模式。它看起来不像是应该被系统忽略的东西。
我注意到了TSLint
浏览 2提问于2016-10-28得票数 0
回答已采纳
默认情况下，WebStorm采用项目根目录中的tsconfig.json。有没有什么方法可以让我们使用设置将其指向自定义的tsconfig.json文件路径？
我可以在WebStorm设置的TypeScript部分看到选项，但我找不到指定tsconfig.json的正确方法。
浏览 1提问于2018-03-28得票数 6
在Visual中，可以使用内部模块而不必包含/// <reference path="..." />标记。
如何在WebStorm 10中实现同样的目标？
另一个问题是，如何让WebStorm将类型导入到项目中？WebStorm 10将类型放在缓存文件夹中。
浏览 3提问于2015-08-22得票数 16
试图修复WebStorm v11.0.4在JavaScript中的警告。对于自定义类型，在unresolved variable or type应用程序中存在大量的SailsJS错误，例如：
我已经在WebStorm中启用了WebStorm。另外，也不知道它是否被链接，但不能将"Node“作为启用库(见下面的图片)。
现在，我显然不是JavaScript的专业人士。在DataService.js文件夹中有一个名为./api/services/DataService.js的文件，但是即使在那里，也会发生完全相同的错误，并且DataService类型似乎没有定
浏览 22提问于2016-08-09得票数 12
1回答
我的JetBrains WebStorm变得疯狂，在我输入字符后立即开始保存文件。自动保存设置已禁用(我喜欢手动保存文件)。你知道为什么会发生这种情况吗?或者如何修复它？
浏览 0提问于2021-02-16得票数 0
我从更新了我的定义文件，但是如果在WebStorm IDE中打开它，它会产生很多错误。
我在互联网上发现，可能是WebStorm编译器不可能是最新的，所以我使用了WebStorm和NPM“，我将类型记录包更新为1.4.1，但是没有什么变化，一旦我打开jquery.d.ts文件WebStorm，就会发现它上有很多错误。
我还将添加为没有任何更改的外部库。我注意到，如果我从项目中的“外部库”文件夹打开这个定义文件，它不会突出显示任何错误，但是如果我在项目文件夹中复制这个文件，错误会再次出现。
任何建议都会被采纳。
浏览 4提问于2015-03-05得票数 1
回答已采纳
我刚刚安装了WebStorm 11并创建了一个新项目，但是WebStorm说describe方法需要一个require()：
我添加了绝对类型的mocha库，其作用域是用于测试目录(该文件位于其中)。
浏览 3提问于2015-11-08得票数 33
回答已采纳
TL;DR:有办法关闭与代码风格/可读性有关的所有TSLint规则吗？否则，是否有一种方法可以关闭与我的代码是否正确编译无关的所有TSLint规则？
详细信息：--我正在使用WebStorm IDE进行一个角度项目，它使用TSLint。我喜欢TSLint的实时警告/错误，因为我对JavaScript相当陌生，即时反馈简化了我的学习过程。
但是，我不喜欢TSLint给我关于样式/格式的警告。例如，如果我没有在两件事情之间留出一个空格，或者如果我自己在一条线上有一个卷曲支撑。我希望警告能告诉我实际代码的问题，而不是别人对我的代码应该如何看待的看法。我尊重他们对某些人来说一定是有价值的--我不是他们
浏览 4提问于2017-10-30得票数 1
我在Win 7 x64 PC上安装了FF (v.35)、Opera (v.12)和IE (v.11)，并希望调试加载JS脚本的(本地存储的) HTML文件。
在将文件添加到新项目后，我转到file > Settings > Tools > Web浏览器，并取消未安装的web浏览器的标记。
这些设置现在看起来如下：
之后，我转到"Edit Configuration“，并添加了我想要调试的HTML文件，如下所示：
(请注意，HTML文件不是空的，即使它是这样命名的)
现在，如果我单击“Debug(默认)”按钮，我会得到以下消息: Windows在查找
浏览 0提问于2015-05-11得票数 5
回答已采纳
将采取哪些步骤再现这一问题？
通过角-cli在IntelliJ中创建角项目(版本1.5)
在WebStorm中打开同一个项目；打开任何一个HTML。
它将抛出TSLINT错误。
浏览 0提问于2018-01-26得票数 1
回答已采纳
2回答
我有一个现有的角应用程序，它是在角4开始开发的，现在是角12，但是在开发的时候，strict mode没有启用。现在，在应用程序稳定并且也部署在生产上之后，什么是能够逐步启用严格模式的最佳方法--即分阶段，而不是打开每个严格选项。
我已经在这里读到了的答案，它通常用于启用严格模式。
我的问题是如何分阶段启用它。由于应用程序的大小/复杂性是中等的，因此一次测试所有更改将是一个重大挑战。我在角严格配置中看到了一些选项，例如，有些选项可以手动配置，还有一些选项可以由strict:true打开
noImplicitAny
strictInjectionParameters
strictTe
浏览 15提问于2022-02-09得票数 3
我有一个奇怪的问题-对于TS源，sonarQube运行但不返回错误。我正在使用SonarTS插件。SonarQube返回0%的错误。知道有什么不对劲吗。谢谢。
我的声纳项目。属性有以下-
sonar.projectKey=CCW:20feb11
sonar.projectName=CCW20feb11
sonar.projectVersion=0.1
sonar.scm.disabled=true
sonar.sourceEncoding=UTF-8
sonar.sources=src
sonar.ts.tslint.path=node_modules/tslint/bin/tslint
so
浏览 0提问于2018-02-21得票数 1
回答已采纳
我使用Webstorm 7，并希望将视图中的最大行长设置为80，而不是120 (因为默认标尺设置为120)。
我已经搜索过了，我能找到的最接近的是JSLinter ()，但是我似乎看不出如何真正改变IDE中的标尺。
问:我如何为Webstorm 7中的直线长度设置标尺？
浏览 3提问于2013-12-23得票数 46
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
