开启学习react+ts,本篇主要是react函数式组件必备Hook,结合TS一起了解。一、Hooks1、useStateApp.tsx 中使用 useState 定义数据,以及修改数据的方法,并传递给 Comp.tsx 子组件:const [num, setNum] = useState(0); <Comp1 num={num} />子组件接收:import React from
转载 2024-04-05 11:49:51
43阅读
@Directive({ // tslint:disable-next-line:directive-selector selector: '[scrollable]' })
转载 2018-02-03 04:48:00
97阅读
2评论
官网链接 官网链接:http://www.jslint.com/jslint jslint文档:http://www.jslint.com/lint.htmljslint简介上一篇讲了csslint ,除了cssLint网站,也有jslint网站,只需要把JavaScript代码直接粘贴到http://www.jslint.com/上,会提示错误位置及出错原因JSLint 对 JavaScrip
"no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用数组构造器 "no-bitwise": 0,//禁止使用按位运算符 "no-caller": 1,//禁止使用arguments.caller或arguments.callee "no-catch-shadow": 2,//禁止catch子句参数与外部作
背景建立的代码规范没人遵守,项目中遍地风格迥异的代码,你会不会抓狂?通过测试用例的程序还会出现Bug,而原因仅仅是自己犯下的低级错误,你会不会抓狂?某种代码写法存在问题导致崩溃时,只能全工程检查代码,这需要人工花费大量时间Review代码,你会不会抓狂?以上这些问题,可以通过静态检查有效地缓解!静态检查(Static Program Analysis)主要是以不运行程序的方式对于程序源代...
原创 2021-05-12 09:57:08
755阅读
Vue2/3 项目中的 ESLint + Prettier 代码检测格式化风格指南因为平时都是使用 VSCode ESLint + Prettier 检测格式化不规范代码,但是随着接手的项目越来越多,需要统一每个项目的代码规范,于是在此分享vue项目的几种代码格式化风格(default,standard,airbnb,prettier)的基本区别以及修改为prettier风格。对比肉眼可见的格式化
2019 年 1 月,TypeScript 官方决定全面采用 ESLint,之后也发布 typescript-eslint 项目,以集中解决 TypeScript 和 ESLint 兼容性问题。而之前的两个 lint 解决方案都将弃用: typescript-eslint-parser 已停止维护在完成 ESLint 功能后,将弃用 TSLint 并帮助用户迁移到 ESLint TS 官方转向 E
今天我打开Visual Studio Code准备进行Angular开发时,看到Angular TSLint报了这个警告信息:Not using the local TSLint version found for m
原创 2021-07-13 10:15:36
263阅读
今天我打开Visual Studio Code准备进行Angular开发时,看到Angular TSLint报了这个警告信息:Not using the local TSLint version found for ‘c:/Code/SPA/spartacus/feature-libs/organization/administration/components/unit/services/unit-list.service.spec.ts’To enable code execution from
原创 2022-04-09 16:51:24
74阅读
VSCode用格式化插件格式化.ts文件后,会将单引号转换成双引号,但是这时tslint就会报错:" should be 'tslint(quotemark)想让tslint去掉这条规则怎么办呢?按快捷键Ctrl+Shift+P,输入tslint,选择TSLint: Create a 'tslint.json' file打开配置文件将"quotemark":[true,...
原创 2019-10-12 11:14:40
163阅读
由于Angular版本问题而引起的代码误报,出现问题一般为TSLINT......,这个时候可以使用以下操作解决。
原创 2021-12-28 18:01:17
1313阅读
最近在使用ts,发觉tslint在vscode上使用很不方便,不如eslint一键格式化高效,就想着能不能配置下vscode让其像写js一样爽 这篇文章主要解决2个问题,第一个是如何让vscode使用ts的lint,第二个是如何配置才能让eslint和prettier这2个代码格式化的vscode插件不互相冲突vscode使用ts的lint首先ts的lint已经不用tslint了,这个东东官方已经
背景在开发前端项目时,每个人的开发习惯不同,用的IDE也不同,有的人喜欢用VSCode,有的人喜欢用Webstorm,而各个编译器默认的格式化规则有不一致,这就导致了不同IDE格式化出来的代码是不一样的。甚至有些人不喜欢格式化代码,导致代码看起来会比较乱,作为有点强迫症的我看着实在是很不习惯,一般我上手代码的第一件事就是习惯格式化一下。当多个团队一起开发同一个项目时,会涉及到分支之间代码合并的问题
(1)初始化项目 新建一个文件夹“client-side”,作为项目根目录,进入这个文件夹: 我们先使用 npm 初始化这个项目: 这时我们看到了在根目录下已经创建了一个 package.json 文件,接下来我们创建几个文件夹: npm install -g tslint mkdir client
转载 2019-08-05 14:33:00
162阅读
2评论
ESlint 是一种用于识别和报告在Javascript代码中发现的格式错误的工具,其目标是使代码更加一致并避免错误。它类似于JSlint和JSHint,但还有点区别:ESlint 使用 Espree进行JavaScript解析;ESlint 使用 AST 来评估代码中的模式;ESlint 是完全可插拔的,每一条规则都是一个插件
eslint知识分享1.认识ESLintESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。在许多方面,它和 JSLint、JSHint 相似,除了少数的例外:ESLint 使用 Espree 解析 JavaScript。ESLint 使用 AST 去分析代码中的模式ESLint 是完全插件化的。每一个规则都是一个插
转载 2024-03-15 20:45:42
82阅读
很多人在引入eslint后,发现项目中出现了很多错误提示,看着让人的强迫症都犯了,于是就放弃了使用。可小编在这却还是要说在项目中要用到eslint,尤其是在项目一开始构建搭建的时候,就约定好,就不会再出现多人协助代码不统一,开发看着比较恶心,也减少在运行时才知道代码出现问题的情况,保证写出语法正确、风格统一的代码。最后舍弃一部分灵活性换取更高的稳定性和可维护性。 一
转载 2024-05-22 19:10:59
221阅读
官网上告诉我们,ESLint 是一个用来识别 ECMAScript/JavaScript 并且按照规则给出报告的代码检测工具,哦,所以我们可以知道,ESLint 就是一个工具,而且是一个用来检查代码的工具。代码检查是一种静态的分析,常用于寻找有问题的模式或者代码,并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查,一般来说编译程序会内置检查工具。JavaScript 是一个动态的弱类型
今天在给对象添加属性时,tslint报错:不允许通过字符串文本进行对象访问(无字符串文本)const init = { id: 'aaa', name: 'bbb'};init['sex'] = 'ccc';有三个解决方案。一:不允许通过字符串,可以用变量的方式const name = 'sex';const init = { id: 'aaa', nam...
原创 2019-10-20 18:53:50
46阅读
最近在用vue-cli写项目的时候,经常和ESLint打交道,也算是不打不相识啦。下面总结一下在学习Vue的时候遇到的一些问题。ESLint简介关于ESLint的介绍网上很多,这里就简单说些有用的。 ESLint的作用是检查代码错误和统一代码风格的。由于每个人写代码的习惯都会有所不同,所以统一代码风格在团队协作中尤为重要。vue-cli的eslint相关vue-cli在init初始化时会询问是否
转载 2024-08-15 11:22:55
85阅读
  • 1
  • 2
  • 3
  • 4
  • 5