一、安装TypeScriptnpm i -g typescript二、安装完成后创建ts 使用ts语法 可能遇到的报错问题在啥都没配置的默认情况下，TS会做出下面几种假设：假设当前的执行环境是dom如果 代码中没有使用模块化语句（import,export），便认为改代码是全局执行编译的目标是ES3,有点低有两种 方式更改以上假设使用tsc命令行的时候加上选项参数使用ts配置文件，更改编译选项这里
转载
2024-04-07 08:47:53
83阅读
{ "root": true, "env": { "browser": true, "es2021": true }, "plugins": [ "react-hooks", "react", "@s/exhaustive-deps": "error" },
原创
2023-02-14 09:12:01
70阅读
两个月之前在项目中就开始使用 Eslint ，当时直接 copy 别人的 .eslintrc.js 文件，感觉好复杂，一直没吃透，中间去把 Eslint 官方文档看了数遍，依然无果。今天刚好没事，回过头来想整理一下 Eslint 的使用，发现突然变得好简单。总结下在这过程中走得弯路。先要知道 Lint 是什么，Eslint 又是什么；因为想要的太多（想把 Eslint 官方文档里每个字都记住）
转载
2024-09-02 10:04:47
54阅读
概述本文将介绍 ESLint 的工作原理，内容涉及 ESLint 如何读取配置、加载配置，检验，修复的全流程。为什么需要 ESLintESLint 相信大家都不陌生，如今前端工作越来越复杂，一个项目往往是多人参与开发，虽然说每个人的代码风格都不一样，但是如果我们完全不做任何约束，允许开发人员任意发挥，随着项目规模慢慢变大，很快项目代码将会成为不堪入目的?山，因此对于代码的一些基本写法还是需要有个约
转载
2024-07-23 07:19:22
63阅读
配置 ESlint 的两种方式配置注释：通过在 js 文件中嵌入注释的形式进行 ESlint 的配置；配置文件：在当前工作目录下使用一个 JS，JSON 或是 YAML文件来指定配置信息。这个文件可以命名为 .eslintrc.* ，或者是在 package.json 中 eslintConfig 属性中配置。另外还可以通过命令行指定配置。配置 parser optionsESlint 默认解析
转载
2024-06-25 22:22:52
301阅读
缘起之前使用 tslint 校验代码格式，后来发现 ts 官方已经放弃这个转而使用 eslint，研究了一下把相应配置调整了一下。目标：使用 eslint、prettier 格式化 TypeScript 代码使用 husky、lint-staged 在提交代码到 git 的时候自动格式化代码（按需启用）使用 commitlint 校验 git commit message（按需启用）关于 1 做
转载
2024-06-08 20:14:31
149阅读
通过让组件管理自己的状态，任何时候该状态发生变化了，React 将知道并自动对页面做出必要的更新。这是使用 React 构建 UI 组件的关键优势之一：如果要重新渲染页面，我们只需考虑更新状态。每次有更新时，我们不需要知道到底是页面的哪个部分发生变化了，也不需要判断如何有效的重新渲染页面，React 会对比之前的输出和新的输出，判断哪些改变了，并为我们做出决策，这个流程称为一致性比较
eslint的使用和配置 什么是eslint ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。在许多方面，它和 JSLint、JSHint 相似，除了少数的例外： 1. ESLint 使用 Espree 解析 JavaScript。 2. ES
转载
2024-01-26 09:14:23
215阅读
1、运行好后自动打开浏览器package.json中 vite后面加上 --open2、安装eslintnpm i eslint -D3、运行 eslint --init 之后，回答一些问题， 自动创建 .eslintrc 配置文件。npx eslint --init回答问题如下：使用eslint仅检查语法，还是检查语法及错误，选第二个 使用的是什么模块，选第一个 项目使用的是什么框架，选vue
本文转载其实我并不反对这些语法检测，但是像许多反个人意愿的那就真的不得不吐槽了，比如vue-cli脚手架创建的默认eslint规则：代码末尾不能加分号 ;
代码中不能存在多行空行
tab键不能使用，必须换成两个空格
代码中不能存在声明了但未使用的变量
以上规则个人认为真的反人类！调试代码太难了。好吧进入正题...关闭eslint
这里只说vue-cli脚手架的关闭方法，其实很简单，就是把 buil
转载
2024-06-21 14:03:41
118阅读
更多VSCode插件使用请访问：VSCode常用插件汇总ESLint这是VS Code ESLint扩展,将ESLint 集成到VS 中。首先简单说一下使用流程：
1.安装ESLlint库(在项目本地或全局安装，看具体项目需要)
2.创建.eslintrc配置文件(手动创建或者复制其它已有配置文件均可，看具体项目需求)
3.根据文档设置完，保存文件时即可进行eslint
转载
2024-03-08 23:14:31
74阅读
前言由于公司保密政策，无法通过任何聊天工具将每天get到的新技能带回家，希望就此养成写文章的好习惯，塞翁失马，焉知非福？本文主要介绍vscode中 vue项目es-lint的配置，有任何错误的地方欢迎大佬指出感谢掘金提供平台。开始安装插件如图所示： vscode设置安装完成之后，到vscode中的 文件-->首选项-->设置 中 添加如下代码"eslint.autoFixOnSav
转载
2024-03-22 19:35:34
156阅读
一直以来都在使用React进行开发项目，然而一个项目不同的人写的代码太过凌乱，有些根本就不按业界的格式写，所以研究了一些Eslint，用来做带个格式的规范。我们如果在React中使用Eslint做代码格式化，首先要有一个React项目，这里不是讲解React项目的，所以项目创建略过，不会的自己百度。1. 安装并创建配置文件这里直接使用命令安装，我们采用全局的安装方式：npm install esl
转载
2024-10-09 17:37:52
106阅读
目录3 自定义指令3.1 自定义指令的分类3.1.1 私有自定义指令3.1.2 全局自定义指令3.1.3 ESLint 代码检查工具关于使用项目中的使用问题 3 自定义指令3.1 自定义指令的分类vue中的自定义指令分为两类，分别是：私有自定义指令全局自定义指令3.1.1 私有自定义指令在每个vue组件中，可以在directives节点下声明私有自定义指令。示例代码如下：<h1 v
转载
2024-10-18 11:45:22
140阅读
configuration of TSlintTSlint 是采用TS书写代码时的风格检查工具。其官方网站。现在项目中的使用方式为： 1. VScode中装载TSlint插件 2. 在本地项目中用过npm安装依赖：npm i tslint typescript -D 3. 在项目的根目录下配置tslint.json文件tslint.json配置{
"extends"?: st
eslint 是非常有名的 linter，地球上每一个 JavaScript 程序员都应该知道。linter 是一种代码静态分析工具，它可以帮你找到代码中可能存在的错误与 bug，也能找出代码风格的问题，不过因为只是静态分析，对 js 这种动态类型的语言所能做的就比较有限了，毕竟在 js 中，变量的类型如果不执行就不容易知道，有些错误就不那么容易被找出来，虽然如此，能做的检查还是很多了。安装安装
转载
2024-06-27 22:30:04
207阅读
ESLint 简介
在团队协作中，为避免低级 Bug、产出风格统一的代码，会预先制定编码规范。使用 Lint 工具和代码风格检测工具，则可以辅助编码规范执行，有效控制代码质量。在以前的项目中，我们选择 JSHint 和 JSCS 结合使用，WebStorm 等开发环境已经支持这些工具，使用起来很顺手。然而，最近使用 React JSX 语法时，却遇到了问题：JSHint 不支持 JSX 语法。虽
转载
2024-08-20 13:39:11
81阅读
1. eslint 介绍eslint 属于一种 QA 工具，是一个 ECMAScript/JavaScript 语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。eslint 完全可配置，它的目标是提供一个插件化的 javascript 代码检测工具。这意味着您可以关闭每个规则，只能使用基本语法验证，或者混合并匹配捆绑的规则和自定义规则，使 eslint 完美的适用于当前项目
转载
2024-03-18 07:15:48
133阅读
一、eslint基本配置1、安装npm install -g eslint安装如下相关依赖"eslint": "^7.5.0",
"eslint-config-standard": "^14.1.1",
"eslint-friendly-formatter": "^4.0.1",
"eslint-loader": "^4.0.2",
"eslin
转载
2024-03-27 12:32:38
260阅读
最近项目比较忙，很久没有更新IDEA系列了，今天介绍一下IDEA的一些炫酷的插件，IDEA强大的插件库，不仅能给我们带来一些开发的便捷，还能体现我们的与众不同。1.插件的安装 打开setting文件选择Plugins选项Ctrl + Alt + S File -> Setting 分别是安装JetBrains插件，第三方插件，本地已下载的插件包。详情见往期关于sett
