首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端加油站

    tslint pre-commit 配置教程

    https://blog.csdn.net/j_bleach/article/details/78309599 tslint 配合pre-commit的意义 为什么用pre-commit 加 tslint(jshint,eslint原理都类似),因为在项目中我们会经常忘记主动的去做代码检查,虽然结合webpack各种构建工具下,存在*slint报错,项目会跑不起来。 而pre-commit tslint解决的需求既是:拒绝向仓库提交错误代码。 /bin/bash TSLINT="$(git rev-parse --show-toplevel)/node_modules/.bin/tslint" for file in $(git diff - 此时再打开项目运行git commit -m”xx”命令时,tslint会做自动的检查,如果没有错误的话,才会提交成功。而存在tslint报错的话,会终止提交。 ?

    1.6K30发布于 2019-07-02
  • 来自专栏神光的编程秘籍

    TSLint 和 ESLint 是怎么融合在一起的

    后来,还真合并了,tslint 合并到了 eslint 中,把 tslint 标记为了废弃。 但是两者毕竟是不同的 AST,而且 tslint 里还有一些类型检查相关的逻辑,这是 eslint 不支持的。那它们是怎么融合的呢? 本文我们就来探索一下。 tslint 和 eslint 的融合也是这样的思路,下面我们来详细看一下。 tslint 融合进 eslint tslint 是独立的工具,基于 typescript 的 parser 来解析代码,并且实现了基于该 AST 的一系列 rule。 通过这种方式,完美的把 eslint 和 tslint 融合在了一起。还是挺巧妙的。

    1.7K30发布于 2021-09-28
  • 来自专栏前端达人

    「React TS3 专题」从创建第一个 React TypeScript3 项目开始

    文件 3.1 为了让我们的代码更符合规范,我们本地安装tslint及相关依赖检查约束我们的代码规范: cd my-react-ts-app npm install tslint tslint-react 3.3 在根目录创建 tslint.json 文件: touch tslint.json 3.4 打开 tslint.json 文件,添加相关规则: { "extends": [ "tslint :recommended", "tslint-react", "tslint-config - prettier " ], "rules": { "ordered-imports 在本地项目下安装TSLint,命令如下: npm install tslint tslint-react tslint-config-prettier --save-dev 通过以下命令创建tslint.json 文件,并在文件里输入以配置内容: touch tslint.json { "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier

    2.9K10发布于 2019-08-28
  • 来自专栏JowayYoung谈前端

    npm依赖(构建编译)

    HTML编译 prettier: 代码格式化 purifycss: CSS压缩 sass: CSS编译 stylelint: CSS校验 stylus: CSS编译 terser: JS压缩(ES6) tslint 格式化语法校验 eslint-plugin-promise: Promise语法校验 eslint-plugin-react: React语法校验 eslint-plugin-standard: 标准语法校验 Tslint 插件 tslint-config-standard: 标准配置 tslint-plugin-react: React语法校验 结语 写到最后总结得差不多了,后续如果我想起还有哪些构建依赖遗漏的,会继续在这篇文章上补全 HTML编译 prettier: 代码格式化 purifycss: CSS压缩 sass: CSS编译 stylelint: CSS校验 stylus: CSS编译 terser: JS压缩(ES6) tslint 插件 tslint-config-standard: 标准配置 tslint-plugin-react: React语法校验 结语 写到最后总结得差不多了,后续如果我想起还有哪些构建依赖遗漏的,会继续在这篇文章上补全

    2.5K50发布于 2020-04-01
  • 来自专栏一只想做全栈的猫

    【Vue】VueCli3 + Vue + typescript 挖坑记

    1 How to fix TSLint: " should be ' (quotemark) while doing organize imports in code editors? "tslint.autoFixOnSave": true 2 tslint Missing semicolon (semicolon) 分析:在vuetur的github>issue中有讲,vue-tslint

    1.1K20发布于 2019-05-26
  • 来自专栏全栈开发工程师

    【TypeScript 编程】001-002 第 1 章 导言 与 第 2 章 TypeScript 概述

    tslint@6.1.3: TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information. /node_moudles/.bin/stc --help 命令查看 3.3 tslint.json 全局安装命令:npm i tslint --save -g ① tslint.json 文件用来保存代码风格上的约定 ③ 可以使用 tslint --init 生成一个默认的 tslint.json 文件,可根据需求调整,下面是默认生成的内容: { "defaultSeverity": "error", ": [] } ④ 作者的 tslint.json 文件 { "defaultSeverity": "error", "extends": [ "tslint:recommended

    39710编辑于 2025-01-06
  • 来自专栏小明plus

    在2018年如何优雅的开发一个typescript语言的npm包?

    答案是:创建一个优雅的,对开发者友好的模块,至少需要以下 15 个步骤 初始化文件夹,初始化 git 仓库,初始化 npm,初始化 tsc 修改 tsconfig.js 配置 添加 npm 脚本 添加 tslint 添加 tslint 校验代码规则以及 editorconfig,prettier 统一代码风格 npm install --save-dev prettier tslint tslint-config-prettier 新建tslint.json文件 { "extends": ["tslint:recommended", "tslint-config-prettier"], "rules": { "no-console 脚本: { "scripts": { "format": "prettier --write \"src/**/*.ts\" \"src/**/*.js\"", "lint": "tslint

    4.4K110发布于 2018-11-08
  • 来自专栏前端时刻

    webpack5 + webpack-chain 构建一个大型应用系列 2(附 vscode 跟 prettier 配置)

    那我就先将第 14 课时放在前面讲了 本文目录 课时 14:升级 webpack5 课题 10:添加 eslint 并开启自动修复 课题 11:添加 stylelint 并开启自动修复 课题 12:添加 tslint ": true, "tslint.alwaysShowRuleFailuresAsWarnings": true, /* * @description stylelint 配置 * ", "extends": ["tslint:recommended"], "linterOptions": { "exclude": ["node_modules/**"] }, result.failures.length) { done("tslint 没有发现错误.\n"); } if (result.failures.length && ! {ts,tsx}": ["webpack-box lint tslint", "git add"], "*.

    4.5K51发布于 2020-03-02
  • 来自专栏码客

    TypeScript入门(与VUE2集成)

    安装依赖 npm i vue-class-component vue-property-decorator --save npm i ts-loader typescript tslint tslint-loader tslint-config-standard -D 配置vue.config.js添加下面的代码 module.exports = { configureWebpack: { resolve shims-tsx.d.ts src目录下 import Vue, { VNode } from 'vue'; declare global { namespace JSX { // tslint :disable no-empty-interface interface Element extends VNode {} // tslint:disable no-empty-interface { "extends": "tslint-config-standard", "globals": { "require": true } } main.js改成main.ts配置

    1.2K20编辑于 2022-03-02
  • 来自专栏前后两端不设限

    前端代码风格自动化系列(五)之共同出击

    9.4.0", "stylelint-config-prettier": "^4.0.0", "stylelint-config-standard": "^18.0.0", "tslint ": "^5.10.0", "tslint-config-prettier": "^1.10.0", "tslint-react": "^3.6.0", }, "lint-staged

    43240编辑于 2022-12-24
  • 来自专栏草根专栏

    Debugging javascript

    TSLint扩展 安装tslint扩展: 通过npm安装tslint: npm install -g tslint 然后看一下tslint有哪些命令: 选择创建tslint.json文件: 找一个 ts文件试一下: tslint也起作用了.

    67720编辑于 2022-05-10
  • 来自专栏草根专栏

    使用VS Code开发asp.net core (下)

    TSLint扩展 安装tslint扩展: ? 通过npm安装tslint: npm install -g tslint 然后看一下tslint有哪些命令: ? 选择创建tslint.json文件: ? 找一个ts文件试一下: ? tslint也起作用了. Bower扩展 安装Bower扩展 ?

    2K50发布于 2018-03-01
  • 来自专栏全栈开发工程师

    【TypeScript 4.5】001-第 1 章 TypeScript 介绍

    三、TypeScript 的竞争者有哪些 1、ESLint 和 TSLint ① ESLint 和 TSLint,与 TypeScript 一样,都是用来突出代码中可能存在的错误,只是没有为检查过程添加新的语法 ② ESLint 和 TSLint 可以作为 TypeScript 很好的补充工具。

    19400编辑于 2025-01-06
  • 来自专栏海怪的编程小屋

    【值得收藏】分享一个前端Linter上手教程

    @typescript-eslint/parser, @typescript-eslint/eslint-plugin, tslint-plugin-prettier, tslint-config-prettier , prettier-tslint 是不是有种“玩排列组合”的感觉? 但是由于前端更新速度太快了,导致出现了很多相似的轮子,比如 tslint 和 eslint, 而且这些 Linter 一旦和 ES5, ES6 新旧语法、Babel 转译、JSX 等新特性结合,事情就不再简单了

    50520编辑于 2022-03-30
  • 来自专栏漫画前端

    阿里大佬漫谈 Typescript 研发体系建设~

    tslint rule 刚开始引入 TypeScript 时,项目中低级 TypeScript 错误泛滥。 对于团队常犯的这些低级错误,利用 tslint 简洁的规则设计 API,我们贡献了较多的自研 tslint rule,大多拥有自动修复功能。 如今 tslint 已经被整合到 eslint ,然而 tslint rule 依然可以在 eslint 中使用。 我们通过社区的、自研的 tslint/eslint rule,有效的矫正了团队类型使用姿势。 tslint 已经整合到 eslint。

    1.8K40发布于 2020-12-16
  • 来自专栏全栈程序员必看

    vscode插件大全_腾讯视频vip插件

    change-case(变量命名规范) JavaScript Booster(代码改进) JavaScript (ES6) code snippets(智能提示与快速输入) ESlint(严谨的规范书写) TSLint JavaScript (ES6) code snippets(智能提示与快速输入) ES6语法智能提示,以及快速输入 ESlint(严谨的规范书写) 规范js代码书写规则,如果觉得太过严谨,可自定义规则 TSLint (书写规范) ts的书写规范,这个插件是一个系列,同时还提供了TSLint (deprecated),TSLint Vue,TSLint Vue-TSX Code Spell Checker(拼写检查程序

    5.3K40编辑于 2022-09-23
  • 来自专栏腾讯IMWeb前端团队

    理论 | Typescript 是如何保证前端质量的

    和 Javascript 一样,Typescript 也有 linter,叫做 tslint,它提供了语法检查和开发指导。 使用 tnpm install -g tslint 之后,会增加 tslint 命令,可以使用 tslint --init 生成 tslint 的默认配置文件,我们用它来检查一下刚出的 helloworld.ts 实际开发之中是不会使用默认的宽松配置的,tslint 已经提供了大量参考配置,我们一般使用“推荐”配置,可以参考 tslint.json 它从代码的考虑已经做了大量优化,可以作为项目中的推荐方案。

    1.4K10编辑于 2022-06-29
  • 来自专栏jiajia_deng

    atom 代码检查插件 linter

    for JavaScript and JSON, using jshint linter-coffeelint, for CoffeeScript, using coffeelint linter-tslint , for Typescript, using tslint linter-php, for PHP using php -l linter-pylint, for Python, using pylint

    46910编辑于 2023-10-20
  • 来自专栏前端达人

    「React TS3专题」亲自动手创建一个类组件(class component)

    1、创建项目 打开控制台,通过以下命令创建我们的 React TS3 项目: npx create-react-app my-components --typescript 2、安装tslint依赖 接下来 ,为了保证项目代码质量,我们安装 tslint 的相关依赖: cd my-components npm install tslint tslint-react tslint-config-prettier --save-dev 3、然后添加 tslint.json 文件,配置相关规则 { "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier

    2.9K21发布于 2019-09-05
  • 来自专栏深度学习与python

    Angular 11正式发布:加入webpack 5,升级至TS 4.0,不再支持IE 9 和10

    Linting 在以前的 Angular 版本中,我们提供了 linting(TSLint)的一个默认实现。现在,TSLint 的项目创建者已经弃用它了,并建议大家迁移到 ESLint。 James Henry 与开源社区的伙伴们一起开发了 typescript-eslint、angular-eslint 和 tslint-to-eslint-config,提供了一个第三方解决方案和迁移路径 我们在版本 11 中弃用了 TSLint 和 Codelyzer。这意味着在将来的版本中,linting Angular 项目的默认实现会不可用。 转至官方项目页面获取在项目中引入 angular-eslint,并从 TSLint 迁移的指南: https://github.com/angular-eslint/angular-eslint#migrating-from-codelyzer-and-tslint

    4.6K30发布于 2020-11-23
领券