侧边栏壁纸
博主头像
suringYu

走走停停

  • 累计撰写 35 篇文章
  • 累计创建 11 个标签
  • 累计收到 1 条评论

目 录CONTENT

文章目录
vue

vue项目 eslint 的使用配置

suringYu
2022-09-22 / 0 评论 / 1 点赞 / 63 阅读 / 565 字

在创建vue项目时配置

文档地址

在已有项目引入Eslint

安装

执行

vue add eslint

选择配置

1、选择基础配置

推荐 Error prevention only 只进行报错提醒

  • Error prevention only //只进行报错提醒

  • Airbnb // 不严谨模式

  • Standard config // 正常模式

  • Prettier // 严格模式

image-20220922172107194

2、选择额外的lint特性

空格键多选

  • 在保存时执行lint(代码审查)
  • 提交时执行lint
image-20220922172927201

初始化

执行

npm eslint --init

1、要怎样使用eslint

推荐选择第三项 检查语法,发现错误并执行代码规范风格,这是eslint规范化服务最全的一项

image-20220922173947364

2.选择那种类型的模块化(导入/导出)方案

有js的,node的CommonJS,和none,根据自己的需求来

image-20220922174047754

3.在项目中使用哪种框架

React,Vue, none of these根据自己需求,这里选择vue

image-20220922174117545

4.项目是否使用TypeScript规范

n/y 根据自己需求

5.代码在哪个引擎中运行

node, browser(浏览器),空格多选,推荐都选上

image-20220922174208695

6.你要如何定义项目的规范风格

推荐选第一个

  • 一个流行的规范化风格来作为代码的规范指导
  • 你自己写的代码风格中得出结论
  • 用你指定的js文件作为指导
image-20220922174437973

7.要跟随哪一个规范化风格的指导

推荐standard 也就是标准规范

img

8.eslint配置文件用什么格式

一般都是使用javascript

image-20220922174628515

9.提示你是否升级到建议的版本(有就选,没有这个问题忽略)

yes

image-20220922174730508

10、最后会问你是否安装相关依赖

yes

image-20220922174923631

配置

规则配置

安装完成后会生成.eslintrc.js这个文件,如果没有则查看是否正常安装成功,.eslintrc.js中的rules字段配置是用来配置检测规则的,比如缩进空格数量等,参考官方规则文档

忽略文件过滤规则配置

目的是过滤掉不想处理的文件。在工程根目录上,也就是和上面说的.eslintrc.js同级下新建一个.eslintignore文件,例如

/build/
/config/
/dist/
/*.js
/src/comm/script/utils/*.js
1

评论区