eslint

vs code中vue代码的格式化—vetur+eslint

僤鯓⒐⒋嵵緔 提交于 2020-01-11 08:51:28
在vs code建了一个vue项目,代码的格式化和eslint的代码规范冲突,因为代码的格式化而编译失败,费劲。 用到vetur和eslint两个插件,看别人的还要prettier,搞半天没搞好就给他删了。 下面是settings.json中加的配置 "vetur.format.defaultFormatter.js" : "vscode-typescript" , "eslint.validate" : [ "javascript" , "javascriptreact" , "vue" ] , "eslint.format.enable" : true , "javascript.format.insertSpaceBeforeFunctionParenthesis" : true , "[vue]" : { "editor.defaultFormatter" : "dbaeumer.vscode-eslint" } 来源: CSDN 作者: 詹长鑫 链接: https://blog.csdn.net/zhanjump/article/details/103826896

JavaScript编程风格

那年仲夏 提交于 2020-01-11 06:34:36
块级作用域 字符串 解构赋值 对象 数组 函数 Map结构 Class 模块 ESLint的使用 本章探讨如何将ES6的新语法,运用到编码实践之中,与传统的JavaScript语法结合在一起,写出合理的、易于阅读和维护的代码。 多家公司和组织已经公开了它们的风格规范,具体可参阅 jscs.info ,下面的内容主要参考了 Airbnb 的JavaScript风格规范。 块级作用域 (1)let 取代 var ES6提出了两个新的声明变量的命令: let 和 const 。其中, let 完全可以取代 var ,因为两者语义相同,而且 let 没有副作用。 'use strict'; if (true) { let x = 'hello'; } for (let i = 0; i < 10; i++) { console.log(i); } 上面代码如果用 var 替代 let ,实际上就声明了两个全局变量,这显然不是本意。变量应该只在其声明的代码块内有效, var 命令做不到这一点。 var 命令存在变量提升效用, let 命令没有这个问题。 'use strict'; if(true) { console.log(x); // ReferenceError let x = 'hello'; } 上面代码如果使用 var 替代 let , console.log 那一行就不会报错

ES6 编程风格

喜欢而已 提交于 2020-01-11 06:34:21
块级作用域 (1)let 取代 var ES6 提出了两个新的声明变量的命令:let和const。其中,let完全可以取代var,因为两者语义相同,而且let没有副作用。 'use strict'; if (true) { let x = 'hello';} for (let i = 0; i < 10; i++) { console.log(i);} 上面代码如果用var替代let,实际上就声明了两个全局变量,这显然不是本意。变量应该只在其声明的代码块内有效,var命令做不到这一点。 var命令存在变量提升效用,let命令没有这个问题。 'use strict'; if (true) { console.log(x); // ReferenceError let x = 'hello';} 上面代码如果使用var替代let,console.log那一行就不会报错,而是会输出undefined,因为变量声明提升到代码块的头部。这违反了变量先声明后使用的原则。 所以,建议不再使用var命令,而是使用let命令取代。 (2)全局常量和线程安全 在let和const之间,建议优先使用const,尤其是在全局环境,不应该设置变量,只应设置常量。 const优于let有几个原因。一个是const可以提醒阅读程序的人,这个变量不应该改变;另一个是const比较符合函数式编程思想,运算不改变值

编程风格

风流意气都作罢 提交于 2020-01-11 06:34:05
块级作用域 (1)let 取代 var ES6 提出了两个新的声明变量的命令: let 和 const 。其中, let 完全可以取代 var ,因为两者语义相同,而且 let 没有副作用。 'use strict'; if (true) { let x = 'hello'; } for (let i = 0; i < 10; i++) { console.log(i); } 上面代码如果用 var 替代 let ,实际上就声明了两个全局变量,这显然不是本意。变量应该只在其声明的代码块内有效, var 命令做不到这一点。 var 命令存在变量提升效用, let 命令没有这个问题。 'use strict'; if (true) { console.log(x); // ReferenceError let x = 'hello'; } 上面代码如果使用 var 替代 let , console.log 那一行就不会报错,而是会输出 undefined ,因为变量声明提升到代码块的头部。这违反了变量先声明后使用的原则。 所以,建议不再使用 var 命令,而是使用 let 命令取代。 (2)全局常量和线程安全 在 let 和 const 之间,建议优先使用 const ,尤其是在全局环境,不应该设置变量,只应设置常量。 const 优于 let 有几个原因。一个是 const

编程风格

谁说我不能喝 提交于 2020-01-11 06:33:47
块级作用域 (1)let 取代 var ES6 提出了两个新的声明变量的命令: let 和 const 。其中, let 完全可以取代 var ,因为两者语义相同,而且 let 没有副作用。 'use strict'; if (true) { let x = 'hello'; } for (let i = 0; i < 10; i++) { console.log(i); } 上面代码如果用 var 替代 let ,实际上就声明了两个全局变量,这显然不是本意。变量应该只在其声明的代码块内有效, var 命令做不到这一点。 var 命令存在变量提升效用, let 命令没有这个问题。 'use strict'; if (true) { console.log(x); // ReferenceError let x = 'hello'; } 上面代码如果使用 var 替代 let , console.log 那一行就不会报错,而是会输出 undefined ,因为变量声明提升到代码块的头部。这违反了变量先声明后使用的原则。 所以,建议不再使用 var 命令,而是使用 let 命令取代。 (2)全局常量和线程安全 在 let 和 const 之间,建议优先使用 const ,尤其是在全局环境,不应该设置变量,只应设置常量。 const 优于 let 有几个原因。一个是 const

旧create-react-app项目集成jest+enzyme

瘦欲@ 提交于 2020-01-10 11:37:03
/*--> */ /*--> */ 在create-react-app创建的老项目上面集成jest-enzyme发现用上一篇博客的配置报错:   看报错知道是上篇博客的.babelrc.js的配置没有生效。   使用npm run eject指令将create-react-app项目的配置暴露出来,命令执行结果: Copying files into D:\oy\temp\xxx Adding \config\env.js to the project Adding \config\paths.js to the project Adding \config\polyfills.js to the project Adding \config\webpack.config.dev.js to the project Adding \config\webpack.config.prod.js to the project Adding \config\webpackDevServer.config.js to the project Adding \config\jest\cssTransform.js to the project Adding \config\jest\fileTransform.js to the project Adding \scripts\build.js

vscode开启eslint

旧城冷巷雨未停 提交于 2020-01-08 18:38:54
安装eslint插件 然后在settings.json加入下面配置 "eslint.validate": [ "javascript", "javascriptreact", "html", "vue" ], "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, 来源: https://www.cnblogs.com/fazero/p/12167982.html

setting.json

烂漫一生 提交于 2020-01-07 17:52:13
{ "python.linting.pylintArgs": [ "–load-plugins=pylint_django" ], "files.autoSave": "afterDelay", "files.autoSaveDelay": 1000, // ファイルの終了時に行末のスペース削除 "files.trimTrailingWhitespace": true, "files.insertFinalNewline": true, "python.linting.lintOnSave": true, //Tabをスペースキーとして変換 "[python]": { "editor.insertSpaces": true, "editor.detectIndentation": true, "editor.tabSize": 4 }, "python.pythonPath": "python.exeの実行パス", "python.venvPath": ".venv", "python.pipenvPath": "/usr/local/bin/pipenv", "python.linting.pylintEnabled": true, "python.linting.pep8Enabled": false, "python.linting.mypyEnabled": true,

什么是“Linting”?

梦想与她 提交于 2020-01-06 20:53:37
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> PHPLint,JSLint和我最近遇到了“你可以动态地抓取你的JS代码”,同时阅读有关某些IDE的内容。 那么,这是什么 掉毛 人人都知道,而我呢? #1楼 lint是一个用于标记源代码的工具,带有一些可疑和非结构(可能导致bug)。 它是C语言中的静态代码分析工具。现在它成为用于描述标记可疑代码的软件分析工具的通用术语。 #2楼 Linting 是检查Programmatic和Stylistic错误的源代码的过程。 这有助于识别编码过程中出现的一些常见和不常见的错误。 Lint 或 Linter 是一个支持linting(验证代码质量)的程序。 它们适用于大多数语言,如JavaScript,CSS,HTML,Python等。 一些有用的棉绒是 JSLint的 , CSSLint , JSHint , pylint的 #3楼 除了别人提到的内容外,我想补充一点,Linting将通过您的源代码查找 - formatting discrepancy - non-adherence to coding standards and conventions - pinpointing possible logical errors in your program 在源代码上运行Lint程序有助于确保源代码易读,易读

Prevent using this.state within a this.setState (react/no-access-state-in-setstate)

∥☆過路亽.° 提交于 2020-01-06 05:05:27
问题 For this piece of code, !this.state.dark I am getting an ESlint (airbnb config) error: Use callback in setState when referencing the previous state. I tried refactoring the code using following the ESlint documentation. But I'm having a hard time figuring it out. Any suggestions on how I can solve this problem? toggleDark = () => { const dark = !this.state.dark localStorage.setItem('dark', JSON.stringify(dark)) this.setState({ dark }) } 回答1: Thanks to @jonrsharpe for pointing me to