规范化标准软件开发需要多人开发,不同的开发者具有不同的编码习惯和喜好,不同的喜好增加项目的维护成本，所以需要明确统一的标准,决定了项目的可维护性,人为的约定不可靠,所以需要专门的工具进行约束，并且可以配合自动化工具进行检查，这种专门的工具称为lint,前端接触最多的是ESLint，下面我们看下如何使用这些工具落实前端规范化操作。ESLint介绍目前最主流的JavaScript Lint工具 监测J
.eslintrc.js文件
/**
* Eslint 检查规则（A）
* "off" 或者 0 -- 关闭规则
* "warn" 或者 1 -- 将规则打开为警告（不影响退出代码）
* "error" 或者 2 -- 将规则打开为错误（触发时退出代码为 1）
*/
module.exports = {
root: true,// 禁
前端顶流：尼古拉斯·泽卡斯Nicholas C. Zakas作者简介humanwhocodes.com/github.com/nzakas/前端大牛工程师，目前在 Box 公司任职，之前是在雅虎将近工作 5 年。在雅虎期间，他是雅虎首页的前端技术主管，并且是 YUI 库的贡献者。 Nicholas 编写的技术书有：《Maintainable JavaScript | 编写可维护的 JavaScri
转载
2021-01-28 20:38:25
1068阅读
2评论
一、web前端概述1.什么是前端？ 全称"Web前端开发"，简称“前端"，又称作“客户端开发" .可以这样简单的概括，只要是浏览器或移动设备上能直接被人看到的界面，都可以是前端开发者的工作负责范围。而配合前端工作的开发人员被称作“后端”也称作“服务器端" . 在互联网诞生初期(称作Web 1.0)网站主要内容都是静态，以图片和文字主，用户使用网站的行为也以浏览为主，“前端"词还并不存在。 但随着H
1、使用的t-standard-style extends: 'standard', 2、.eslintignore忽略和禁用 vscode下eslint报错
转载
2018-08-22 16:49:00
155阅读
2评论
转 刚来公司实习发现公司的前端使用的是vue，之前根本就没有听说过。然后一上来就需要看代码，but but 就是没有文档什么的东西，就需要自己去研读，我就想去运行其中的前端和后端联调起来方便理解，结果在配置和运行中出现了很多挫折，我就想写一下方便大家不去采坑，直接运行好一、在IDEA中配置vue插件点击File-->Settings-->Plugin
eslint：javascript代码质量检查工具。 目前大环境下主要有三款JS代码质量检查工具：jslint、jshint、eslint。 jslint：无需配置，直接使用，因为配置是定好的。缺点是有限的配置选项，很多规则不能禁用，规范严格，扩展性差，无法根据错误定位到对应的规则。 jshint：是基于jslint开发的，有了很多参数可以配置，支持配置文件，方便使用
替换字符串 replace()replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。有时候后端返回的字符串会乱码，或者需要做些处理，这时候就需要replace()方法 如，空格替换为换行msg.replace(/\s+| /ig, '<br/>')\n替换为换行msg.replace(/\n/g,"</br>")
规范化是前端工程化的一个重要部分。现在，有许多工具能够辅助我们实行代码的规范化,比如你一定知道的 ESLint 和 Prettier。今天，来聊聊这些工具的工作原理和基本使用，了解它们是如何发挥作用的，以及如何更好地利用这些工具去规范项目的代码。本文主要聊聊这些工具的作用和基本使用方式，不会有细致的使用步骤和教程，这些内容我希望你能从官方指引中查看。1. ESlint - 检查你的 JavaScr
代码规范是软件开发领域经久不衰的话题，几乎所有工程师在开发过程中都会遇到或思考过这一问题。而随着前端应用的大型化和复杂化，越来越多的前端团队也开始重视代码规范。同样，前段时间，笔者所在的团队也开展了一波开源治理，而其中代码规范就占据了很重要的一项。接下来的几篇文章，将会对JS代码规范、CSS规范、G ...
转载
2021-09-27 20:28:00
320阅读
2评论
点击上方蓝色“程序猿DD”，选择“设为星标”回复“资源”获取独家整理的学习资料！作者 | snow4web来源 |https://www.jianshu.com/p/4294e5832...
转载
2021-06-22 11:05:26
488阅读
1、eslint需要依赖node.js环境，在配置之前需要安装好node.js;2、npm install eslint --save-dev 或 npm install eslint --save -g 进行全局安装3、配置到自己的编辑器里面，这里已webstorm为例，ctrl+alt+s调出settings面板，依次配置即可4、在项目根目录下新建文件.eslintrc并配置如下内容即可:ps
前端常用的ESlint配置配置规则 配置规则ESlint 是基于规则在检测代码的env：你的脚本将要运行在什么环境中；globals：额外的全局变量；parserOptions：JavaScript 选项。"parserOptions": {
// ECMAScript 版本
"ecmaVersion":6,
"sourceType":"script",//module
//
你知道 ESLint Vscode 插件和 npm 包的关系么？你知道主流技术栈之间的 ESLint 配置方式有哪些区别么？本篇我们来讨论这些问题～
原创
2023-03-30 15:44:52
866阅读
报错一：VUE3 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignor8:1 error Delete `⏎` prettier/prettier
✖ 1 problem (1 error, 0 warnings)
1 error and 0 warn
ESLint 是一个可插拔的 JavaScript 代码检查工具，它能够帮助开发者在开发过程中自动检查代码规范和潜在的问题，并提供了一些常见的代码规范配置，如 Airbnb、Google 等。下面是使用 ESLint 检查代码的详细教程。## 1. 安装 ESLint首先，我们需要在项目中安装 ESLint。可以使用 npm 或者 yarn 来进行安装，命令如下：```bash
npm inst
最近在项目打包时，出现如下一些错误：这些错误本可以避免的，前面把编辑器卸载重装忘记设置了，真是自己坑了自己 o(╥﹏╥)o在项目中使用ESLint校验附带了大量的规则，ESLint的官方rules文档，我们可以自定义规则设置，但设置规则时必须将值设置为以下值之一："off" or 0：停用这个规则"warn" or 1：启用规则，当不满足规则时发出警告，不会导致程序退出"error" o
ESLint 介绍ESLint 是一款插件，主要用来检测编写的（ JavaScript ）代码是否符合规范。当然在一个团队中也会自定义一些规范条件。另外正常情况下我们不需要单独安装 ESLint 去使用，这里只是为了做演示。例如 vue-cli 脚手架搭建的项目一般都是帮你集成好了。安装搭建一个空项目，并且通过命令 npm init 初始化 package.json通过 yarn add esli
前言There are a thousand Hamlets in a thousand people's
转载
2022-05-08 10:30:54
248阅读
Eslint 是我们每天都在用的工具，我们会用它的 cli 或 api 来做代码错误检查和格式检查，有时候也会写一些 rule 来做自定义的检查和修复。虽然每天都用，但我们却很少去了解它是怎么实现的。而了解 Eslint 的实现原理能帮助我们更好的使用它，更好的写一些插件。所以，这篇文章我们就通过源码来探究下 Eslint 的实现原理吧。LinterLinter 是 eslint 最核心的类了，它
