关于eslint的使用与配置，以及prettier的使用

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，并安装

右键格式化即可