代码风格统一之代码自动格式化

栏目: JavaScript · 发布时间: 6年前

内容简介:安装ESLintESlint 有两部分需要配置,一部分是项目的配置文件,一部分是 vscode 的配置在配置好上边后,可能会遇到开发同伴没有用 vscode 或者在保存时可能没能自动格式化,这种情况可以在 package.js 中添加一条脚本命令

目标

  • 保存时自动格式化
  • 保存时不能自动格式化,使其自动格式化

注意事项

  • 项目是使用 npm 或 yarn
  • 可以自己配置 ESLint 实现代码风格统一

安装 ESLint

安装ESLint

npm i eslint
# or
npm i -S eslint // --save    写入到 dependencies 对象,仅在当前项目安装并使用
# or
npm i -D eslint // --save-dev   写入到 devDependencies 对象,仅在当前项目安装并在 dev 环境使用

配置

ESlint 有两部分需要配置,一部分是项目的配置文件,一部分是 vscode 的配置

配置 vscode 实现保存自动格式化代码风格

在安装好 vscode 的 ESlint 插件后,按 Ctrl + ,打开 vscode 的设置,然后找到扩展点击,找到 ESlint 勾选 Auto Fix On Save

代码风格统一之代码自动格式化

配置 package.js 实现统一格式化代码风格

在配置好上边后,可能会遇到开发同伴没有用 vscode 或者在保存时可能没能自动格式化,这种情况可以在 package.js 中添加一条脚本命令

// 使用 ESlint 修复(--fix) 检查(--ext) 后缀为 .js 的文件 路径是当前目录
"lint": "eslint --fix --ext .js ."

这样只需要在命令行运行 npm run lint 就可以自动格式化代码,有报错的话需要自己手动修复,一般是写错了字符或者逻辑错误

代码风格统一之代码自动格式化

以上所述就是小编给大家介绍的《代码风格统一之代码自动格式化》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Data Structures and Algorithm Analysis in Java

Data Structures and Algorithm Analysis in Java

Mark A. Weiss / Pearson / 2011-11-18 / GBP 129.99

Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course wa......一起来看看 《Data Structures and Algorithm Analysis in Java》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

SHA 加密
SHA 加密

SHA 加密工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具