分类：ESLint

2020
12-02

ESLint 是如何检查 .vue 文件的

近期要做一个类似的内容，学习了一下Vue是如何做的。ESLint中的扩展机制首先需要了解一下如何才能扩展ESLint的功能。ESLint扩展机制主要有Rules、Plugins、Formatters、Parsers，Formatters目前不需要用到，因此着重看一下其他三种方式。Parser用于自定义的解析文件内容，返回AST给后续步骤使用。Rules用于定义校验规则。Pluginsplugin是多种功能的一个集合，可以定义以下内容：Rules：校验规则。Environments：环... 继续阅读 >

2020
11-10

在vue中使用eslint,配合vscode的操作

不管是多人合作还是个人项目，代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。这所谓工欲善其事，必先利其器，个人推荐eslint+vscode来写vue，绝对有种飞一般的感觉。每次保存，vscode就能标红不符合eslint规则的地方，同时还会做一些简单的自我修正。安装步骤如下：首先安装eslint插件安装并配置完成ESLint后，我们继续回到VSCode进行扩展设置，依次点击文件>首选项>设置打... 继续阅读 >

2020
10-08

使用eslint和githooks统一前端风格的技巧

前端团队开发时，是必须要有一个统一的前端规范的，用一套统一的规范来规范开发者，可以有效的避免在提交和拉取代码时造成的代码错乱问题，这边文章主要讲下我们团队的代码规范使用，eslint结合vscode保存时自动修复不规范代码，githooks提交代码时的eslint校验和信息规范。添加eslintvue-cli3构建一个新项目(包含eslint模块),完成后添加.eslintrc.js配置如下:module.exports={root:true,parserOptions:{parser:'babel-e... 继续阅读 >

2020
10-08

eslint+prettier统一代码风格的实现方法

1.实现效果Eslint校验代码语法，prettier统一格式化代码，按下保存自动修复eslint错误，自动格式化代码。2.安装vscode插件VeturESLintPrettier-Codeformatter3.配置vscode设置文件?首选项?设置，打开json模式，添加以下配置：{//控制工作台中活动栏的可见性。"workbench.activityBar.visible":true,//主题设置"workbench.colorTheme":"Monokai",//默认编辑器字号"editor.fontSize":14,//是否自动换行"editor... 继续阅读 >

2020
09-28

vscode代码格式化和eslint的使用

简介今天看着写的代码越来越多后，发现自己读起都有点吃力了，哈哈，自己看着眼睛痛，就准备整顿一下，毕竟这个项目还要维护很久的，找解决方案和测试解决方案就用了一个半小时，严重开始怀疑自己的智商了。下面的目标让代码看起来很公正代码编辑器vscodeversion:版本1.35.1(1.35.1)2019-06-12T14:19:05.197Z更新的vscode代码格式化因为目前公司就我一个后端，项目也不大，所以就采用这种方案，简单快捷粗暴。一.点击code->pref... 继续阅读 >

2020
09-24

vue+ESLint 配置保存 自动格式化代码

1.在.eslintrc.js添加vscode终端启动服务//添加⾃定义规则'prettier/prettier':[//eslint校验不成功后，error或2则报错，warn或1则警告，off或0则⽆提示'error',{singleQuote:true,semi:false,//结束是否加分号printWidth:160//每行最长字符}]2.打开VScode文件》首选项》设置》扩展》ESLint》//eslint格式化字符串"editor.codeActionsOnSave":{"source.fixAll.eslint":true},如... 继续阅读 >

2016
07-04

一个靠谱的前端开源项目需要什么？

0.前言写前端代码一段时间之后，你可能会萌生做一个开源项目的想法，一方面将自己的好点子分享出去让更多的人受益，另一方面也可以在社区贡献的环境下学到更多的东西从而快速成长。但是开源项目也有开源项目的玩法，一些可能没有注意的点，也许会让你的好点子和许多人失之交臂，在这里笔者以自身经验出发，聊一聊笔者心目中的靠谱的Github前端开源项目应该具有什么。当然我们讨论的只是一个项目至少需要什么才是靠... 继续阅读 >