了解 standard 的最好方式是安装它，然后写代码尝试。 规则 缩进使用两个空格。...function myFunc () { myOtherFunc() // ✓ ok } 缩进不混用空格和制表符。...eslint: no-mixed-spaces-and-tabs 不使用多个连续空格，缩进除外。...eslint: no-sparse-arrays let fruits = ['apple',, 'orange'] // ✗ avoid 不使用制表符。...eslint: rest-spread-spacing fn(... args) // ✗ avoid fn(...args) // ✓ ok 分号后面要有一个空格，前面无空格。
transform: translateZ(0); } /* good */ div { /* position: relative; */ will-change: transform; } 语法 用两个空格来代替制表符...最后一条声明语句后面的分号是可选的，但是，如果省略这个分号，你的代码可能更易出错。 对于以逗号分隔的属性值，每个逗号后面都应该插入一个空格（例如，box-shadow）。...这样使得代码更加清晰可读，而不会认为是将条件判断语句的全等号（===）错写成了等号（=）。...function myFunc () { myOtherFunc() // ✓ ok } 61.不要混合使用空格与制表符作为缩进。...eslint: no-sparse-arrays let fruits = ['apple',, 'orange'] // ✗ avoid 83.不要使用制表符。
ES6字符串模板多行清除行头空格制表符 前言 最近在撸项目工程化的时侯，需要输出一些文案提示， 对于多行文本我肯定优先考虑用 ES6字符串模板来实现，直接使用的效果并不是很符合想要的。...; 正则方法 /** * * @param {string} strTemplate - ES6字符串模板多行 * @param {boolean} onlyMatchSpace - 只匹配行前空格...(中文空格和英文空格) * @returns {string} - 符合格式的字符串数据 * @description - 返回去除行头空格的字符串 */ function removeMultipleStrLeadingSpace...strTemplate) { return ''; } if (onlyMatchSpace) { // eslint-disable-next-line no-irregular-whitespace...strTemplate.replace(/^\s+/gm, ''); } module.exports = removeMultipleStrLeadingSpace; 正则匹配范围测试 改进方案 若是要考虑中文空格以及保留换行符
2.2 ESLint ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。..."other": true, "comments": true, "strings": true }, "editor.tabSize": 2, //制表符符号...eslint "editor.formatOnSave": true, //每次保存自动格式化 // "eslint.codeActionsOnSave": { // "...//使用单引号替代双引号 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格...[], pageIndex: 1, pageSize: 10, totals: 0 } } } 这里不仔细看，可能不知道变化，注意看data与()的空格
该函数有两个参数，其中第二个参数设置是否保留字符串中的制表符，默认为True，即不保留制表符。...TrimAllSpace函数的代码： '删除前导和结尾处的空格 '并将里面的多个空格(包括制表符)缩减为单个空格 '参数strText：要移除多余空格的字符串 '参数bRemoveTabs：指定是否将制表符转换成单个空格...'默认为True,即删除制表符 Function TrimAllSpace(ByVal strText AsString, _ Optional bRemoveTabs As Boolean = True...) Then strOutput = strOutput & strChar End If 注意，双引号之间是一个空格。...如果前一个添加到输出字符是空格，当前字符也是空格，则忽略当前字符，否则添加到输出字符串中。这样，输出字符串中不会有相邻的两个空格。很巧妙的思路，值得学习！
Prettier Prettier 是格式化代码工具。...//方式1 module.exports = { "printWidth": 160, //一行的字符数，如果超过会进行换行，默认为80 "tabWidth": 2, //一个tab代表几个空格数..."useTabs": false, //是否使用tab进行缩进，默认为false，表示用空格进行缩减 "singleQuote": false, //字符串是否使用单引号，默认为false，使用双引号...“useEditorConfig”: false, // 是否使用项目中的.editorconfig文件 "semi": true, //行位是否使用分号，默认为true "bracketSpacing...": true, //对象大括号直接是否有空格，默认为true，效果：{ foo: bar } } 2.2 如何使用 使用eslint-plugin-prettier插件来添加prettier作为ESLint
什么是 ESLint? ESLint 是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。...代码风格问题：风格不符合一定规则 (doesn’t adhere to certain style guidelines) 就好比有些同学喜欢使用 tab 缩进，有些喜欢空格，有些喜欢 2 个空格，有些喜欢...最后经过一番舌战，选定 2 个空格作为标准。...最后还要求了大家使用 eslint --fix 将之前的所有代码，一键修改成了新规范下的代码格式。 什么是 Prettier?...Tony 老师认为发型很重要，Prettier 也这么认为。 Prettier 认为格式很重要，但是格式好麻烦，我来帮你们定好吧。
基于VSCode结合Vetur+ESlint+Prettier统一Vue代码风格 插件安装 安装Vetur，ESlint， Prettier - Code formatter插件 安装方法（安装ESlint...Extensiosn -> ESlint "eslint.alwaysShowStatus": true, // 设置状态栏是否一直显示ESlint图标项，true表示一直显示 "eslint.format.enable...": true, // 设置是否开启prettier插件，默认为true，即开启 "prettier.semi": false, // 设置是否在每行末尾添加分号，默认为 true "prettier.singleQuote...": true, // 在对象，括号与文字之间加空格 true - Example: { foo: bar } false - Example: {foo: bar}， 默认为true "prettier.jsxBracketSameLine...补充说明 ESlint插件 主要用于识别和报告ECMAScript/JavaScript代码中的语法模式是否存在错误 Vetur插件 这里Vetur的主要用途是语法高亮，其次是代码格式化，支持以下格式化器
例如常见配置项： # http://editorconfig.org root = true # 说明 ## 设置文件编码为 UTF-8； ## 用两个空格代替制表符； ## 在保存时删除尾部的空白字符...ESLint ESLint 是一个在 JavaScript 代码中通过规则模式匹配作代码识别和报告的插件化的检测工具，它的目的是保证代码规范的一致性和及时发现代码问题、提前避免错误发生。...总结一下ESLint的作用及优势： 检查语法错误，避免低级bug； 比如：api语法错误、使用了未定义的变量、修改const变量 统一团队代码风格 比如：使用tab还是空格，使用单引号还是双引号等 确保代码遵循最佳实践...ESLint特点 一、ESLint 的所有规则都被设计成可插拔的 每条校验规则都是独立的，可以单独开启或关闭（没有什么可以被认为“太重要所以不能关闭”），还可以将结果设置成警告或者错误。...个人认为这种方式固然可以量化一部分代码质量考核问题 ，但形式主义过重。不过也是廖胜于无的做法。 太过严格的规则，限制了代码的灵活性。
"files.autoSave": "onFocusChange", // 一个制表符等于的空格数 "editor.tabSize": 2, // 通过使用鼠标滚轮同时按住 Ctrl 可缩放编辑器的字体..."editor.codeActionsOnSave": { "source.fixAll.eslint": true }, // 启用后，差异编辑器将忽略前导空格或尾随空格中的更改...必须是提供格式化程序的扩展的标识符。...必须是提供格式化程序的扩展的标识符。...``/ //定义哪些文件需要进行eslint验证 "eslint.validate": [ "javascript", "javascriptreact", "typescript
因为我们项目是在webpack中引入eslint-loader来启动eslint的，所以我们只要稍微修改webpack的配置，就能在启动webpack-dev-server的时候，每次保存代码同时自动对代码进行格式化...如果与已存在的插件冲突怎么办 npm i -D eslint-config-prettier 通过使用eslint-config-prettier配置，能够关闭一些不必要的或者是与prettier冲突的...module.exports = { "printWidth": 80, //一行的字符数，如果超过会进行换行，默认为80 "tabWidth": 2, //一个tab代表几个空格数，默认为80..."useTabs": false, //是否使用tab进行缩进，默认为false，表示用空格进行缩减 "singleQuote": false, //字符串是否使用单引号，默认为false，使用双引号...": true, //对象大括号直接是否有空格，默认为true，效果：{ foo: bar } "parser": "babylon" //代码的解析引擎，默认为babylon，与babel相同。
以下是一个简单的例子 # git配置文件-忽略提交文件 # **/xx目录 忽略指定目录下的所有文件 **/node_modules **/package-lock.json # ESlint eslint...', 4], // 用于指定代码缩进的方式，这里配置为使用四个空格进行缩进。...["prettier --write","eslint --fix"]为校验命令，可执行 eslint 、prettier 等规则 # prettier prettier 是一个代码格式化工具。...printWidth: 120, //指定每行代码的最大字符宽度，超过这个宽度的代码将被换行 tabWidth: 4, //指定一个制表符（Tab）等于多少个空格。.... # 错误原因： 这个错误是由于在使用 @typescript-eslint/dot-notation 规则时，没有为 @typescript-eslint/parser 提供正确的 parserOptions.project
规则非常多，对我们这种没经验的小白是不可能一条一条自主去选取的，所以需要依据某些参考。...但也只能是参考，我们需要把这些通用的设置，结合到我们实际项目中，并一条条去了解规则，最终选出并摘录进我们的规则集中。...inline-style-disabled": false, "_comment": "不该使用行内脚本", "inline-script-disabled": false, "_comment": "空格和制表符一定不可混合在行前...在ESlint中提供了 eslint-plugin-html 插件，然而对 与 造成的缩进处理不当（配置失效的样子），这个是比较难搞的 // 检查html文件（或tpl...ESLint 和 StyleLint 工具提供了自动修复功能，可以修复简单的错误如少了分号，多了空格，缩进不正确等 但要注意的是，自动修复某些时候可能会使代码发生逻辑或语法错误，需谨慎使用（自动修复后一定一定一定记得比对代码
要不要使用 ESLint ？要不要规范化 git 的提交 ？ 答：非个人项目 我都建议遵循团队或主流的规范进行编码。写代码和阅读代码是两回事，团队合作的话，代码最好都能让每个成员看着觉得舒服。...git 的日志也同样是这个道理，写和读是两回事。 团队开发的项目如果没有开发规范： 日后维护成本大概率会变高。 可能看不懂同事的代码（同事也不一定能看懂你的代码）。 项目不容易扩展。...等号后面没空格。 age:20 冒号后面没空格。 showUserInfo 里的代码有两行没用制表符排版。 有些代码有加分号，有些代码没加分号。 字符串拼接时，部分加号两边没空格。...运行项目： cd 项目目录 npm run serve 2、配置 ESLint 规则 ESLint 是代码检测工具，在上一步创建项目的操作中，我们已经把 ESLint 集成在项目中了。...需要注意的是，如果配置完 ESLint 或 Prettier 不生效的话，请重新运行一下项目。 4、约定式提交规范 git commit 也要做到规范化，最好提供模板的方式提交。 4.1 好的规范！
它的功能是把字符串中的制表符tab转换为适当数量的空格。 ...注意: tabsize参数包括从该制表符到它的上一个制表符的所有字符; 若tabsize的值小于等于该制表符到它的上一个制表符的所有字符,则显示的空格数是(x*tabsize...-该制表符到它的上一个制表符的所有字符数); 若tabsize的值大于该制表符到它的上一个制表符的所有字符,则显示的空格数是(tabsize-该制表符到它的上一个制表符的所有字符数)....chars]) 去掉字符串右端的指定的符号 lstrip([chars]) 去掉字符串左端的指定的符号 chars:可省参数,表示要去掉的字符,可以是多个字符,省略默认为空格...,若是空格,返回True istitle()判断首字母是否是大写,若是,返回True print 'python!
作者:祝鑫奔 - 字节跳动IES前端工程师 程序员间无休止的争论 我相信，基本所有程序员都遇到过类似的问题： 缩进用制表符好还是空格好？ 如果缩进用空格的话用两个空格好还是四个空格好？...引擎不关心 其实不论程序员怎么折腾，JavaScript 引擎都不在乎，程序员写得再烂的代码，只要合法，JavaScript 引擎不会说半个不字；而再漂亮的代码，只要多了一个分号、空格或者逗号，JavaScript...目前实践 ESLint ESLint 是 Nicholas C....TSLint TSLint 是早期的 TypeScript 的分析工具，后由兼容 ESLint 的 @typescript-eslint 项目所替代，TSLint 不再维护。...Lint 工具的抽象实现 不论是 ESLint 还是 StyleLint，他们的实现都是类似甚至一样的。 基本流程 抽象层面来说，Lint 工具就做了一件事，给定代码文本和规则，输出诊断信息。
下面来介绍一下功能性的插件，可以实现一些各种各样的功能，有些是开发神器，有些是摸鱼神器，各有各的用处。...port：调试使用的端口 address ：TCP/IP地址，用于远程调试 localRoot： 远程调试时映射的本地地址 remoteRoot： 远程调试时的远程目录地址 sourceMaps： 默认为.../docs/rules/quotes "no-multi-spaces": "error", // 禁止多个空格 https://eslint.org/docs/rules/no-multi-spaces...和eslint-config-prettier，使编辑器显示错误提示，确保这项是扩展数组中的最后一个配置 ], rules: { // 放置ESLint规则的位置。...": 80, //限制每行字符个数 "tabWidth": 2, //指定每个缩进级别的空格数 "useTabs": false, //使用制表符而不是空格缩进 "semi": true,
我认为他们的选择并不是无意识的结果。 4. 为你的代码自动化执行一些规则和准则 想要编写出可读和可维护的代码，一方面要关注的是代码的架构，另一方面则要关注代码的样式。...我想很多读者都经常会见到关于制表符或空格缩进的讨论。不过这里我不会讨论这个话题。无论你在团队中使用的是哪种方案，请确保所有团队成员都遵守它就行了。...最好的解决方案是，尽可能让这些代码样式规则和准则自动化。许多 IDE 都集成了这种功能，或者可以通过插件安装。 最简单的一种，也是支持多种语言和代码编辑器的方案是 editorconfig。...例如： 缩进样式：制表符或空格 引号类型：单引号或双引号 最大长度 字符集 还有更多…… 下面是我在自己的一个项目中指定的配置： # Editor configuration, see https:/...https://medium.com/better-programming/eslint-vs-prettier-57882d0fec1d 不管怎样，只要参与项目的所有人都遵循相同的规则和准则，那么具体使用哪一种方案并不重要
ESLint简介 ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。...ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。..."no-implicit-coercion": "error" 禁止出现空函数.如果一个函数包含了一条注释，它将不会被认为有问题。...ESLint技巧 eslint-config-standard eslint-config-standard是一个标准的ESLint规则检测库，因此只需要安装这个库就可以省去配置ESLint规则。...因为我们的项目是基于webpack的，项目里的代码都是需要经过babel去处理的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
云直播
实时音视频
