1.下载依赖包npm i eslint -D2.按交互提示安装相关插件npx eslint --init具体配置如下图 2-1.检查语法，发现问题并执行代码风格 2-2 这些都不是2-3 使用那个框架2-4 使用typescript配置前需要先下载typescript 2-5 浏览器、node中运行代码 2-6
规则值" off " 或者 0，关闭" warn " 或者 1，警告" error " 或者 2，报错.eslintrc.js配置module.exports = {
root: true, // 此项是用来告诉eslint找当前配置文件不能往父级查找
env: { // 预定义的全局变量，这里是浏览器环境
amd: true,
es6: true,
commonj
本文介绍ESlint & Prettier & Flow组合框架的构建，以及这样做的目的，过程以及运行示例 1.Flow是faceBook开源的一个JavaScript静态类型检查工具 2.Prettier:代码美化和统一规范工具 3. ESlint: 静态代码检查工具
FlowFlow的意义Flow是faceBook开源的一个JavaS
转载
2024-06-21 13:26:19
77阅读
一、中介者模式简介（Brief Introduction）中介者模式（Mediator Pattern），定义一个中介对象来封装系列对象之间的交互。中介者使各个对象不需要显示地相互引用，从而使其耦合性松散，而且可以独立地改变他们之间的交互。 Define an object that encapsulates how a set of objects interact. Mediator prom
1.三者都是干什么的（1）eslint
eslint它是一个代码检测工具，用来检测你代码中的不规范，可以统一项目项目的代码规范。如果你的代码不符合规范要求，就会直接在文件中出现不同程度的提示信息。具体是：
error：错误，报错文件名在vscode里会直接变红，直到错误改掉。
warning：警告，报警告的文件会在vscode里变成警告的黄色。
off：这个规则不进行校验，即关闭这个校验。（2）p
转载
2024-03-11 17:56:56
644阅读
首发 现在的项目前端都很很庞大，往往也是多人合作开发，对代码的格式规范或代码风格要求尤其重要，一个看着统一整齐的代码格式，也能在实际开发中起到事半功倍的作用，起码能起到心情愉悦的作用。本文结合自身在项目开发中的配置，记录一下Eslint和Prettier工具的配置和部分可能会遇到的问题，如有错误，请指正。Eslint和Prettier的区别两者的区别简单一句话介绍就是：Eslint或其他lint类
转载
2024-05-13 14:59:34
219阅读
项目里面安装并配置eslint。参考官网执行如下命令npm init @eslint/config
等价于
npm install eslint -D //安装eslint
npx eslint --init //初始化配置eslint执行后会有一些配置选项，按需选择。如下是按照个人当前项目需要进行的选择，可以作为参考。执行完后项目里面会多出一个.eslintrc.js文件，用于后面esli
前端代码规范工具ESLint和Prettier1. ESLint是什么？ESLint 是一个开源的 JavaScript 代码检查工具，由 Nicholas C. Zakas 于2013年6月创建。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查，一般来说编译程序会内置检查工具。JavaScript 是一个动态的弱类型语言，在
转载
2024-05-08 08:18:51
106阅读
注意：这个冲突问题一般是指在代码编辑器中出现的问题，这里使用的是vscode。在前端开发中，很多人使用 prettier 作为代码格式化工具，用 ESLint 控制代码风格，以及检查错误。但是在同时使用 ESLint 和 prettier 的时候，由于代码规则不一样就会发生冲突，发生冲突的原因是：在保存文件时，**ESLint 先修复了代码符合 ESLint 的代码风格，之后 prettier 又
转载
2024-03-25 10:13:38
714阅读
目录1、配置 ESLint1.1、指定解析器选项1.2、指定解析器1.3、指定处理器1.4、指定环境1.5、指定全局变量1.6、配置插件1.7、配置规则1.7.1、注释配置规则1.7.2、文件配置规则1.8、内联注释禁用规则 - 一行、块、整个文件1.8.1、文件配置禁用规则 - 指定一组文件1.9、添加共享设置1.10、使用配置文件1.11、配置文件格式1.12、配置文件的级
PrintStream:将基本的数据类型的数据或引用数据类型的对象格式化成字符串后再输出。使用该类不必书写转化成字符串的操作方法，可以直接输出。 PrintStream继承了FilterOutputStream.是"装饰类"的一种,所以属于字节流体系中(与PrintStream相似的流PrintWriter继承于Writer,
架构和规范架构是为了解决什么问题呢？我理解是效率问题。通过一个好的架构，能让你很容易地、具备一致性地理解一个系统，在此基础上快速地、可持续地完成业务功能。它保证的有三点：代码库阅读起来很轻松添加新功能时能很快，理想情况是，仅添加跟业务有关的代码，跟样式、基础设施相关的东西，在一个较为成熟的项目上，应该都比较稳定了在演进过程中，仍然能保持添加功能的速度很快规范是为了解决什么问
参考使用ESLint+Prettier来统一前端代码风格vscode 配置vue+vetur+eslint+prettier自动格式化功能问题描述最近用Nodejs + express 写了一个zip文件上传的功能，代码给了别人看，各种吐槽，代码不规范，没有按照eslint，编辑器打开就是各种红色提醒，当然还有其他许多…第一反应就是反感，后面冷静一想，还是自己做事的态度有问题，做完了功能已经完成了
Visual Studio Code（VSCode） vue、vue-cli、npm、ESLint1.安装依赖npm install eslint eslint-config-airbnb-base eslint-plugin-import eslint-plugin-vue --save-dev或在package.json中配置以下依赖，执行 npm install 安装"devDependen
转载
2024-06-21 06:04:47
266阅读
需求使用prettier插件进行美化，使用eslint进行代码的校验，但是我们在vscode安装了着两个插件后发现会有冲突疑问Slint和Prettier格式化的区别？
eslint（包括其他一些 lint 工具）的主要功能包含代码格式的校验，代码质量的校验。而 Prettier 只是代码格式的校验（并格式化代码），不会对代码质量进行校验。代码格式问题通常指的是：单行代码长度、tab长度、空格、逗
转载
2024-03-16 01:24:35
249阅读
Virtual PC 实现微软群集服务测试环境2006年4月19日14:59星期三 [技术备忘] 微软于美国当地时间2006年3月3日收购了String Bean软件公司的WinTarget技术，以满足用户对iSCSI技术的需求，在这之前微软一直偏重于IP SAN。 &n
{
"parser": "babel-eslint",
"extends": "airbnb",
"rules": {
"generator-star-spacing": [0],
"consistent-return": [0],
"react/forbid-prop-types": [0],
"react/jsx-filename-extension": [1, { "extensions":
划重点 eslint-config-prettier 禁用 eslint 冲突配置 eslint-plugin-prettier Prettier先格式化 （默认是先eslint格式化，再Prettier格式化）
原创
2022-08-29 17:24:58
4551阅读
点赞
本文不是一个完全意义上的解决方案，但是有效。注意！因为我开启了autosave，所以所有gif图中我的第一步操作是撤回保存，不是保存！问题出现VS Code的确很好用，但是随着长时间的使用，自己不断装上去的插件开始逐渐的冲突和冗余。毕竟这种点一下用一年的 安装方式和在GitHub clone是完全不一样的体验。例如，再初学前端的时候，我会为html安装高亮和snippets以及其他的快捷输入，Ja
转载
2024-09-25 15:07:36
95阅读
javascript作为前端的利器，上可撸AI，下可写驱动，（好吧，我承认我瞎编的），但是js作为一门弱类型的动态语言，在给我们带来方便的同时，也会悄悄的埋下坑，尤其是在大型项目中，一不小心，就要加班填坑，所以为了愉(早)快(下)工(班)作，我们选择使用eslint作为javascript的语法检查工具，tslint作为TypeScript 的语法检查工具，我们的目标是提高代码质量，避免低级的bu
