使用create-react-app+TypeScript时，如何配置TSLint允许console.log？

嘿，我来帮你搞定这个TSLint配置的问题！你只需要把no-console规则正确放到tslint.json的rules字段里就行，具体步骤和配置说明如下：

步骤1：找到并打开tslint.json #

在你用create-react-app my-app --scripts-version=react-scripts-ts创建的项目根目录下，找到tslint.json文件并打开它。默认的配置文件应该已经包含了extends和一些基础规则。

步骤2：添加/修改no-console规则 #

在文件的rules对象中（如果没有rules字段，直接新增一个），加入no-console的配置项。根据你的需求，有两种常用配置方式：

方式1：仅允许console.log，禁止其他console方法 #

如果你想保留对console.error、console.warn等方法的禁用，只放开console.log，可以这样配置：

{
  "extends": ["tslint:recommended"],
  "rules": {
    // 这里可以保留你原有的其他规则
    "no-console": [true, "error", "warn"]
  }
}

这里的配置逻辑是：启用no-console规则（第一个值true），但只指定禁止console.error和console.warn，剩下的console.log、console.info等就会被允许。

方式2：暂时完全禁用no-console规则 #

如果你只是想临时放开所有console方法的限制，可以直接把规则设为false：

{
  "extends": ["tslint:recommended"],
  "rules": {
    // 其他原有规则...
    "no-console": false
  }
}

步骤3：让配置生效 #

修改完tslint.json后，重启你的React开发服务器（比如停止当前的npm start进程，再重新运行一次），新的规则就会生效了。

内容的提问来源于stack exchange，提问作者PatS