如何解决如何设置更漂亮以使用单引号格式化代码导入,但使用双引号将 classNames 格式化?
如何设置prettier + eslint 使jsx 代码格式为2 引号和imports,js 格式为单引号 这是我的配置
eslint
{
"extends": [
"react-app","prettier"
],"rules": {
"jsx-quotes": [
1,"prefer-double"
],"quotes": [
1,"single"
]
},"plugins": [
"prettier"
]
}
更漂亮
{
"useTabs": false,"printWidth": 80,"tabWidth": 2,"singleQuote": true,"jsxQuotes": false,"trailingComma": "es5","jsxBracketSameLine": false,"parser": "flow","semi": false
}
代码应该是这样的
import Component from './component' //here single
function test() {
console.log('test')
}
return (
<div className="class">Test</div> //here double
)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。