[英]how to change prettier format for react native
我的代码格式 prettier 不适用于 React Native,我不知道在哪里配置它,但它适用于 flutter
从这个代码
import { View, Text } from 'react-native'
import React from 'react'
export default function App() {
return (
<View>
<Text>Apps</Text>
</View>
)
}
它被格式化为这个
import {
View,
Text
} from 'react-native'
import React from 'react'
export default function App() {
return ( <
View >
<
Text > Apps < /Text>
<
/View>
)
}
每个想法都有一个快捷方式来格式化代码,例如 Vscode Ctrl + Shift + I
并使用 Prettier 格式化所有文件中的代码
1- 首先你可以在你的想法中安装更漂亮的代码扩展(Webstorm 或 vs code) https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode “for the vscode”
2- 然后将其 package 安装到您的依赖npm install --save-dev --save-exact prettier
prettier https://prettier.io/docs/en/install.html
3- 创建.prettierrc
文件并将此代码粘贴到其中
{ "arrowParens": "always", "bracketSameLine": false, "bracketSpacing": true, "embeddedLanguageFormatting": "auto", "htmlWhitespaceSensitivity": "css", "insertPragma": false, "jsxSingleQuote": false, "printWidth": 80, "proseWrap": "preserve", "quoteProps": "as-needed", "requirePragma": false, "semi": true, "singleQuote": false, "tabWidth": 2, "trailingComma": "es5", "useTabs": false, "vueIndentScriptAndStyle": false }
4-添加
"scripts": { ... "prettify": "prettier --write" }
脚本到您的package.json
文件
运行npm run prettify
每当你认为你的代码很丑时运行 prettify
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.