最重要的放前面【压箱底的草稿箱】以下都是配套使用的，最规范的情况就是一起使用，EditorConfig——VScode插件：，是用来定义规则的，比如设置缩进格数。然后覆盖setting里面的设置，达到大家代码统一的效果，然后可以用一个.editorconfig.js文件来配置规则preitter 是一个格式化代码的工具，需要–D安装，他会把你的代码按规则格式化的更漂亮，在根目录写.prettier
转载
2024-04-05 10:44:22
66阅读
首发 现在的项目前端都很很庞大，往往也是多人合作开发，对代码的格式规范或代码风格要求尤其重要，一个看着统一整齐的代码格式，也能在实际开发中起到事半功倍的作用，起码能起到心情愉悦的作用。本文结合自身在项目开发中的配置，记录一下Eslint和Prettier工具的配置和部分可能会遇到的问题，如有错误，请指正。Eslint和Prettier的区别两者的区别简单一句话介绍就是：Eslint或其他lint类
转载
2024-05-13 14:59:34
219阅读
注意：这个冲突问题一般是指在代码编辑器中出现的问题，这里使用的是vscode。在前端开发中，很多人使用 prettier 作为代码格式化工具，用 ESLint 控制代码风格，以及检查错误。但是在同时使用 ESLint 和 prettier 的时候，由于代码规则不一样就会发生冲突，发生冲突的原因是：在保存文件时，**ESLint 先修复了代码符合 ESLint 的代码风格，之后 prettier 又
转载
2024-03-25 10:13:38
714阅读
VSCode中ESLint、Prettier 配置冲突接收一个新的项目，然后在保存的时候遇到了如下问题的 鬼畜缩进 问题。开始的时候有点懵逼，什么鬼，通过阅读项目代码配置，发现了这个问题出现的原因，并给出解决方案。看到这种情况的第一反应是不是代码格式校验出问题了，再看看代码配置的代码检测，发现这个项目同时使用了ESLint和Prettier的，会不会是两种验证规则冲突了。网上一查确实有很多人遇到这
转载
2024-09-14 08:28:42
128阅读
Linters have two categories of rules: 代码修正一般有两种规则: Formatting rules: eg: max-len, no-mixed-spaces-and-tabs, keyword-spacing, comma-style... 格式化规则,例如:最
原创
2021-09-01 14:54:36
500阅读
Vue3 + TS + ESLint + Prettier配置模板当前前端代码规范，基本是ESLint + Prettier。ESLint和Prettier的区别ESLint: 代码质量检查, 检查不符合要求的代码语法错误, 比如使用了未声明的变量等。Prettier: 规范代码风格, 例如单双引号, 结尾是否加分号等。 ESLint也有一定的代码风格检查能力, 但是不及Prettier全面和专业
需求使用prettier插件进行美化，使用eslint进行代码的校验，但是我们在vscode安装了着两个插件后发现会有冲突疑问Slint和Prettier格式化的区别？
eslint（包括其他一些 lint 工具）的主要功能包含代码格式的校验，代码质量的校验。而 Prettier 只是代码格式的校验（并格式化代码），不会对代码质量进行校验。代码格式问题通常指的是：单行代码长度、tab长度、空格、逗
转载
2024-03-16 01:24:35
249阅读
在 Vue 中使用 TypeScript（以及 RealWorld使用）学习原因关于 TypeScript 相关资源和信息越来越多已经有越来越多的基于 JS 来写的项目，使用 TS 来编写。
框架npm 包TS 未来可能会成为一个技能标配
语法项目实战经验创建支持 TypeScript 的 Vue 项目通过 Vue CLI 创建 支持 TS 的 Vue 项目在一个已有的 Vue 项目中
在VSCode中使用Eslint搭配上Prettier来完成保存自动修复并格式化代码前言一、ESLint?VSCode 配置Rules 常用规则二、Prettier安装插件 前言强行一致、双重格式化，最为致命一、ESLint?记得第一次接触 eslint 的时候，这到底是什么啊？怎么把这东西删掉啊VSCode 配置使用 VSCode 的 Eslint 插件去操作是很方便的，所以我们先来安装 Es
转载
2024-09-30 07:51:22
176阅读
1.三者都是干什么的（1）eslint
eslint它是一个代码检测工具，用来检测你代码中的不规范，可以统一项目项目的代码规范。如果你的代码不符合规范要求，就会直接在文件中出现不同程度的提示信息。具体是：
error：错误，报错文件名在vscode里会直接变红，直到错误改掉。
warning：警告，报警告的文件会在vscode里变成警告的黄色。
off：这个规则不进行校验，即关闭这个校验。（2）p
转载
2024-03-11 17:56:56
644阅读
获取或提交代码时报错，如下，点击Quick Fix没有用 解决方案是： 运行命令：yarn run lint --fix ...
转载
2021-09-10 09:20:00
1384阅读
2评论
全局安装eslint打开终端，运行npm install eslint -g全局安装ESLint。vscode安装插件vscode 扩展设置 依次点击 文件 > 首选项 > 设置 {
"workbench.iconTheme": "material-icon-theme",
"explorer.confirmDragAndDrop": false,
转载
2024-02-27 13:23:20
224阅读
本文介绍ESlint & Prettier & Flow组合框架的构建，以及这样做的目的，过程以及运行示例 1.Flow是faceBook开源的一个JavaScript静态类型检查工具 2.Prettier:代码美化和统一规范工具 3. ESlint: 静态代码检查工具
FlowFlow的意义Flow是faceBook开源的一个JavaS
转载
2024-06-21 13:26:19
77阅读
vscode 现在是前端开发主流的编辑工具，在使用过程中难免会遇到代码风格不统一导致的各种问题，如果你也有这方面的困扰，请仔细阅读这篇文章，或许对你有很大的帮助。
一、什么是Eslint 通过查看eslint官网（官网传送门），我们就可以知道，eslint就是一个用来识别 ECMAScript/JavaScript 并且按照规则给出报告的代码检测工具
Flow的意义Flow是faceBook开源的一个JavaScript静态类型检查工具，作用类似TypeScript，但是它不像TS那样是一门独立的语言，而是作为一个babel-plugin,借助babel的编译切入JavaScript的编码当中，同时，与ts不同的是，Flow.js的类型检查不是强制的，可以通过//@flow手动开启，意味着，你可以自由选择某个文件是否开启类型检查。Flow真是眼
转载
2024-09-27 09:55:20
64阅读
前端代码规范工具ESLint和Prettier1. ESLint是什么？ESLint 是一个开源的 JavaScript 代码检查工具，由 Nicholas C. Zakas 于2013年6月创建。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查，一般来说编译程序会内置检查工具。JavaScript 是一个动态的弱类型语言，在
转载
2024-05-08 08:18:51
106阅读
划重点 eslint-config-prettier 禁用 eslint 冲突配置 eslint-plugin-prettier Prettier先格式化 （默认是先eslint格式化，再Prettier格式化）
原创
2022-08-29 17:24:58
4551阅读
点赞
官网上告诉我们，ESLint 是一个用来识别 ECMAScript/JavaScript 并且按照规则给出报告的代码检测工具，哦，所以我们可以知道，ESLint 就是一个工具，而且是一个用来检查代码的工具。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查，一般来说编译程序会内置检查工具。JavaScript 是一个动态的弱类型
转载
2024-03-15 12:14:54
33阅读
很多人在引入eslint后，发现项目中出现了很多错误提示，看着让人的强迫症都犯了，于是就放弃了使用。可小编在这却还是要说在项目中要用到eslint，尤其是在项目一开始构建搭建的时候，就约定好，就不会再出现多人协助代码不统一，开发看着比较恶心，也减少在运行时才知道代码出现问题的情况，保证写出语法正确、风格统一的代码。最后舍弃一部分灵活性换取更高的稳定性和可维护性。
一
转载
2024-05-22 19:10:59
217阅读
VS Code是我最喜欢的文本编辑器。它是目前最可扩展的、最流行的代码编辑器。而且令人惊讶的是，它是由微软制作的（我知道）。在我看来，没有任何其他IDE或编辑器能比VS Code更接近。它的强大之处在于它的扩展系统。它允许你为你能想到的每一个可能的用例编写一个扩展。以下是我的10个顶级扩展。1.Beautify ext install HookyQR.beautifyBeautify允许你用自己
