随着业务的需求的增加，前端项目也越来越多，项目之间的代码风格也不尽相同。如果一个项目涉及多个同学维护的话，那这个项目的代码风格就会比较糟糕了。而且有的同学本地可能用了格式化插件，所以保存之后会造成整个文件的代码被格式化，其实可能只修改了一行代码。这样在做合并代码 review 时，很容易就会被忽略，也失去了 review 的意义。 另外每个项目的创建时间不同，所以也造成了各个项目之间的 eslin
转载
2024-10-10 11:24:38
197阅读
目录Airbnb Javascript Style Guide引用对象数组函数箭头函数类和构造器模块[Iterators and Generators](#Iterators and Generators)变量比较运算符注释空格Airbnb React/JSX Style Guide基本规范Class vs React.createClass vs stateless命名声明模块代码对齐引号空格属
以下是.eslintrc 文件示例和解释
{
“env”: {
“browser”: true,
“node”: true,
“commonjs”: true
},
“ecmaFeatures”: {
// lambda表达式
“arrowFunctions”: true,
// 解构赋值
“destructuring”: true,
// clas
转载
2024-05-28 17:21:59
200阅读
一、安装eslint：运行代码前检查语法、潜在bug等prettier：代码格式化工具，例如检查缩进长度是4格还是2格，表达式，逗号等等pnpm安装命令（包含了依赖的所有包）：pnpm install eslint eslint-plugin-vue eslint-config-prettier prettier eslint-plugin-import eslint-plugin-prettie
转载
2024-07-15 01:48:36
122阅读
一. 前言行尾要不要加分号？用tab还是空格？单引号还是双引号？如何规范团队代码风格？本文主要介绍使用EsLint+Prettier帮助我们检查Javascript编程时的语法错误，统一代码风格。二. 先来讲讲Eslint的基础知识Eslint安装// 本地安装
npm install eslint --save-dev
// 在项目目录下，运行以下代码将会产生一个.eslintrc的配置文件，文
转载
2024-09-05 13:16:39
78阅读
前言一千个读者，就有一千个哈姆雷特。一千个程序员，就有一千种代码风格。那什么是代码风格呢？从小的来说，有的开发喜欢带分号，有的不喜欢带分号。有的喜欢使用空格，有的喜欢使用 Tab。有的喜欢空两个空格，有的喜欢四个空格。除了这些，还有一些关于代码的优化，如避免声明未使用，避免冗余的代码逻辑等。如果你是新参加工作的人员，又恰好遇到一个代码风格混乱，密密麻麻赋值前后都不带空格的项目，只能有苦难
一、ESLint跟JSLint和JSHint类似，但有以下区别：1.使用Espree进行js解析(parse)2.用AST抽象语法树去识别(evaluate)代码中的模式3.每个规则都是独立的插件二、安装全局安装：npm install -g eslint三、使用如果是第一次使用，eslint --init 命令帮你完成初始化，生成.eslintrc文件然后eslint test.js test2
转载
2024-05-25 20:53:01
75阅读
vscode设置一、注释插件 koroFileHeadersetting.json添加配置// korofileheader 注释插件 设置里面找到 Custom Made 写入以下配置
"fileheader.customMade": {
//此为头部注释
"Description": "",
"Author": "",
"Date": "Do not edit"
缘起之前使用 tslint 校验代码格式，后来发现 ts 官方已经放弃这个转而使用 eslint，研究了一下把相应配置调整了一下。目标：使用 eslint、prettier 格式化 TypeScript 代码使用 husky、lint-staged 在提交代码到 git 的时候自动格式化代码（按需启用）使用 commitlint 校验 git commit message（按需启用）关于 1 做
转载
2024-06-08 20:14:31
149阅读
ntelliJ IDEA在行尾增加分号Ctrl+Shift+Enter - 本身的含义是自动完成，如果需要的话，会在行尾添加分号；
原创
2022-09-05 17:17:58
735阅读
IntelliJ IDEA在行尾增加分号
原创
2021-06-04 17:50:51
2022阅读
一、ESlint 简介1. Lint 的含义如果你写自己的项目怎么折腾都没关系，但是在公司中老板希望每个人写出的代码都要符合一个统一的规则，这样别人看源码就能够看得懂，因为源码是符合统一的编码规范制定的。那么问题来了，总不能每个人写的代码老板都要一行行代码去检查吧，这是一件很蠢的事情。凡是重复性的工作，都应该被制作成工具来节约成本。这个工具应该做两件事情：提供编码规范；提供自动检验代码的程序，并打
转载
2024-06-19 23:22:09
158阅读
eslint详细配置：http://www.verydoc.net/eslint/1、编码风格1.1 缩进统一使用两空格的方式eslint：indent1.2 在语义结尾处必须使用分号eslint：semi1.3 逗号的多行结构，不使用行首逗号eslint： comma-style// bad
const person = {
name: 'dx'
, age: 18
};
// goo
转载
2024-08-29 22:48:01
245阅读
含有所有的ESlint规则；使用babel-eslint作为解析器命名规则：1.文件名全部采用小写方式，以下划线分割，有复数结构的，要采用复数命名法html：1、属性名要使用双引号，不要使用单引号，全小写，用中划线做分隔符2、不要在自动闭合标签结尾处使用斜线3、doctype要大写4、在html标签上加上lang属性5、声明一个明确的字符编码，通常指定为"UTF-8"6、用meta标签指定页面应该
授权转载自：orthealllight来源：https://github.com/forthealllight/blog/issues/45对于Typescript项目的编码规范而言，主要有两种选择ESLint和TSLint。ESLint不仅能规范js代码，通过配置解析器，也能规范TS代码。此外由于性能问题，TypeScript 官方决定全面采用ESLint，甚至把仓库作为测试平台，而 ESLin
ESLint是一个代码检查工具,用来检查你的代码是否复合规范规范行业推荐的规范； 在创建项目时，我们使用的是 JavaScript ==Standard== Style 代码风格的规则自定义的规范。你和你的团队可以自行约定一套规范使用ESLint的好处在于：多人协作时代码风格统一JavaScript Standard Style 规范说明在项目创建之初我们就选中了这个规范，也就是说，我们后续所有的
1. 在VSC中搜索 prettier 插件安装2. 在vscode的settings.json中添加："vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false, // 格式化不加分号
"singleQuote": true
/* eslint-disable */
ESLint 在校验的时候就会跳过后面的代码
还可以在注释后加入详细规则，这样就能避开指定的校验规则了
/* eslint-disable no-new */ 常用：'rules': {
"comma-dangle": ["error", "never"], //是否允许对象中出现结尾逗号
"no-cond-assign":
转载
2024-02-26 10:36:14
1433阅读
theme: juejin highlight: vs201501-理论
认识
eslint包:检查代码，但是不在编辑器用线条提示,只能处理js文件,需要命令检查和修复。
vscode eslint插件:在eslint包基础上，用红线提示。还提供保存修复，但是只能修复双引号分号极其简单的格式。
prettier包:还能修复eslint比较复杂的格式，css,js,html文件，需要命令修复。
vs
转载
2024-09-13 07:32:03
253阅读
我这里做了一个测试包括宏的录制，流程这这样的，开始录制（Ctrl+Q），停止录制，还是（Ctrl+Q），保存宏（Alt+T，菜
原创
2022-07-05 14:42:07
277阅读
