关于eslint的使用与配置,以及prettier的使用
2024-09-03 17:56:04
eslint官网:https://eslint.bootcss.com/docs/user-guide/getting-started
eslint配置:http://eslint.cn/docs/rules/
参考文章:https://blog.csdn.net/qq_23876873/article/details/89677509
自定义eslint规则
新建.prettierrc文件(JSON格式),并添加配置项
{
// tab缩进大小,默认为2
"tabWidth": 4,
// 使用tab缩进,默认false
"useTabs": false,
// 使用分号, 默认true
"semi": false,
// 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
"singleQuote": false,
// 行尾逗号,默认none,可选 none|es5|all
// es5 包括es5中的数组、对象
// all 包括函数对象等所有可选
"TrailingCooma": "all",
// 对象中的空格 默认true
// true: { foo: bar }
// false: {foo: bar}
"bracketSpacing": true,
// JSX标签闭合位置 默认false
// false: <div
// className=""
// style={{}}
// >
// true: <div
// className=""
// style={{}} >
"jsxBracketSameLine": false,
// 箭头函数参数括号 默认avoid 可选 avoid| always
// avoid 能省略括号的时候就省略 例如x => x
// always 总是有括号
"arrowParens": "avoid"
}
vscode中安装自动格式化插件
搜索插件.prettier,并安装
右键格式化即可
最新文章
- 模拟淘宝购物,运用cookie,记录登录账号信息,并且记住购物车内所选的商品
- 浅谈web网站架构演变过程
- python-进程,线程,协程
- [转载]tslib1.4与Qt4.8.6的交叉编译与移植
- [原创]用“人话”解释不精确线搜索中的Armijo-Goldstein准则及Wolfe-Powell准则
- UVA 10673 扩展欧几里得
- 【Ural】【1057】Amount of degrees
- vs2013编译boost库
- 小A老空调需求管理小记
- 常用Content-type汇总
- OpenCV LDA(Linnear Discriminant analysis)类的使用---OpenCV LDA演示样例
- POJ 3648 Wedding
- UVa 11790 - Murcia&#39;s Skyline
- JS功能函数
- 批量写入redis
- eclipse中将Java项目转换为JavaWeb项目
- 使用Struts,前台提交给后台的汉字为乱码
- Docker微容器+微服务将颠覆传统的软件架构
- 在mysql中使用group by和order by取每个分组中日期最大一行数据
- shell脚本用crontab执行和手动执行结果不一致