eslint

How to enable ts-check in es6

由 巧了我就是萌 提交于 2021-02-19 04:55:07
问题 Recently I have found Visual Code has a nice feature for type checking in JavaScript files. All I have to do is to type on top of file // @ts-check , it is great benefit for me, so I want to use it globally on every JavaScript file, how could I could I do it without writing that line every time on top of a file? 回答1: As per Aleksey L. comment I added to root directory tsconfig.json with this configuration and it works: { "compilerOptions": { "module": "system", "noImplicitAny": false,

No ESLint configuration found for Visual Studio Code

由 ∥☆過路亽．° 提交于 2021-02-18 22:10:58
问题 I have installed the ESLint plugin for Visual Studio Code editor and it shows that it is installed also but still I see the error: No ESLint configuration found for Visual Studio Code at the top of the editor window as shown in the screenshot below: Can anyone help me to know is there anything that I am missing here. 回答1: You are missing .eslintrc.* file. Which can be in different format js, json, yaml... There are two available methods to create configuration file Manually, just create file

vue-cli脚手架——3.0版本项目案例

由 只谈情不闲聊 提交于 2021-02-17 09:50:39
一、【准备工作】 node与git部分见 vue-cli2.0 搭建案例 vue-cli3.0 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： CLI ： @vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） CLI 服务 ： @vue/cli-service 是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供 如： serve 、 build 和 inspect 命令） CLI 插件 ：给Vue 项目提供可选功能的 npm 包 （如： Babel/TypeScript 转译、ESLint 集成、unit和 e2e测试 等） 全局安装过旧版本的 vue-cli (1.x 或 2.x)要先卸载它，否则vue -V查看依旧是2.x旧版： npm uninstall vue-cli -g // 或者 yarn global remove vue-cli vue-cli3.0需要 nodeJs ≥ 8.9 (官方推荐 8.11.0+，你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本） node -v // 查看版本 安装@vue/cli（vue-cli 3.0的包名称由 vue-cli 改成了 @vue

How do I fix “useEffect has a missing dependency” in custom hook

由 末鹿安然 提交于 2021-02-16 20:24:09
问题 I'm using a custom hook to get pull some data in from an API for use across a set of React function components. However, esLint throws up a lovely warning: React Hook useEffect has a missing dependency: 'fetchFromAPI'. Either include it or remove the dependency array. I didn't think it's a dependency, as it's inside useFetch() itself. I need to do it as I'm using await . What am I doing wrong? Is it ok to just turn off the warning for this line? Or is there a more canonical syntax I should be

Lint warning for invoking an async function without `.then()` or `await` without TypeScript

由 限于喜欢 提交于 2021-02-16 17:56:16
问题 In TypeScript, it is possible to check and warn the developer if they are calling an async function synchronously. For those that want less overhead and using node.js v9.0+, is it possible to have any linter give us a warning if we have something like this? async function foo() { return; } var result = foo(); // warning right here because there is no await The reason being is that it is not apparently if a function is returning a promise/is await unless we explicitly name it fooAsync , look

2020 年你应该知道的 React 库

由 和自甴很熟 提交于 2021-02-16 07:29:44
声明：本文为译文，原文链接：https://www.robinwieruch.de/react-libraries React 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或者框架的开发人员很难找到要构建一个 React 系统的所有组件。如果你是来自于像 Angular 这样的框架的开发者，你可能已经习惯了框架包含了所需要的所有功能， 然而对于 React 来说，它的核心并不是完善所有的可选库。这是优势还是劣势取决于你自己。当我从 Angular 切换到 React，我绝对经历了它作为 React 的优势。 只有通过 React，您才能使用函数组件和 props 构建组件驱动的用户界面。它带有一些内置的解决方案，例如，用于本地状态和副作用的 React Hooks。 下面的文章将向您提供一些自己总结的方法，以便从补充库中进行选择，从而构建一个全面的 React 应用程序。 如何开始 React 如果你是一个完全不熟悉 React 的初学者想创建一个 React 项目，加入 React 的世界。有许多工具包项目可以选择，每个项目都试图满足不同的需求。React 社区的现状是通过 Facebook 的 create-react-app(CRA)。它提供了一个零配置的设置，并给你一个开箱即用并且简单的启动和运行的 React 应用程序

My create-react-app is failing to compile due to ESLint error

由 有些话、适合烂在心里 提交于 2021-02-16 04:26:46
问题 I just created a fresh template with create-react-app with react v17 included, and I installed eslint dependencies as I used to before, here's my package.json file { "name": "gym-nation", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^5.11.5", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", "axios": "^0.21.0", "classnames": "^2.2.6", "moment": "^2.29.1", "prop-types": "^15.7.2", "react": "^17.0.1", "react-dom": "^17.0.1",

ESLint throws an error when trying to assign multiple variables to the same value

由 有些话、适合烂在心里 提交于 2021-02-15 07:35:47
问题 Why does ESLint throw a Parsing error: Unexpected token , after a variable declaration on this line of code? const a, b, c = 1; My .eslintrc.json looks like this; { "env": { "browser": true, "es6": true, "jquery": true, "commonjs": true }, "extends": [ "airbnb-base", "prettier" ], "parserOptions": { "ecmaVersion": 6, "sourceType": "script" }, "plugins": ["prettier"], "rules": { "prettier/prettier": "error", "semi": ["error", "always"], "quotes": ["error", "double"] } } 回答1: You cannot do that

Es6简介

由 青春壹個敷衍的年華 提交于 2021-02-13 21:27:45
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 ECMAScript 和 JavaScript 的关系 一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？ 要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种语言能够成为国际标准。次年，ECMA 发布 262 号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScript，这个版本就是 1.0 版。 该标准从一开始就是针对 JavaScript 语言制定的，但是之所以不叫 JavaScript，有两个原因。一是商标，Java 是 Sun 公司的商标，根据授权协议，只有 Netscape 公司可以合法地使用 JavaScript 这个名字，且 JavaScript 本身也已经被 Netscape 公司注册为商标。二是想体现这门语言的制定者是 ECMA，不是 Netscape，这样有利于保证这门语言的开放性和中立性。 因此，ECMAScript 和

ESLint处理

由 隐身守侯 提交于 2021-02-13 10:59:43
当有遇到下划线的问题，会提示有问题，无法通过检测 需要在代码的前面加入以下代码就可以解决，地址是： https://stackoverflow.com/questions/44126983/eslint-unexpected-dangling-in-place-no-underscore-dangle /* eslint no-underscore-dangle: 0 */ 修改前 修改后 关于注释的问题，ESLint中，如果需要写入注释，需要在//与注释文字间加入一个空格 修改前 修改后 关于布尔值的问题，需要将布尔值修改为字符串才可以，参考地址： https://segmentfault.com/a/1190000013238465?utm_source=tag-newest 修改前 修改后 关于Expected blank line between class members lines-between-class-members的问题，只需要在每个方法后面，加入一行回车即可，参考地址： https://cloud.tencent.com/developer/section/1135636 修改前 修改后 关于Closing tag of a multiline JSX expression must be on its own line react/jsx-closing
订阅 eslint