React Native 프로젝트 설정(TypeScript + Airbnb linter)
2844 단어 eslintreactnativetypescript
Yarn v2는 아직 React Native를 지원하지 않기 때문에 Yarn v1을 사용할 것입니다. 내 린터로 에어비앤비 린터를 선택했습니다.
TypeScript 템플릿으로 React Native 프로젝트 만들기
npx react-native init MyApp --template react-native-template-typescript
cd MyApp
ESLint 추가
yarn add --dev eslint @typescript-eslint/eslint-plugin eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks
.eslintrc.js의 이름을 .eslintrc.json으로 바꿉니다. .eslintrc.js라는 파일이 없으면 .eslintrc.json을 만드십시오. 이 파일에 이 코드를 추가해야 합니다.
{
"extends": ["airbnb"],
"plugins": ["@typescript-eslint", "react"],
"parser": "@typescript-eslint/parser",
"rules": {
"import/no-unresolved": 0,
"react/jsx-filename-extension": [1, {
"extensions": [
".jsx",
".tsx"
]
}]
}
}
그게 다야 이제 TypeScript 및 airbnb linter로 RN 프로젝트를 설정했습니다.
Reference
이 문제에 관하여(React Native 프로젝트 설정(TypeScript + Airbnb linter)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/ksushiva/setting-up-react-native-project-typescript-airbnb-linter-4ai
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
npx react-native init MyApp --template react-native-template-typescript
cd MyApp
yarn add --dev eslint @typescript-eslint/eslint-plugin eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks
.eslintrc.js의 이름을 .eslintrc.json으로 바꿉니다. .eslintrc.js라는 파일이 없으면 .eslintrc.json을 만드십시오. 이 파일에 이 코드를 추가해야 합니다.
{
"extends": ["airbnb"],
"plugins": ["@typescript-eslint", "react"],
"parser": "@typescript-eslint/parser",
"rules": {
"import/no-unresolved": 0,
"react/jsx-filename-extension": [1, {
"extensions": [
".jsx",
".tsx"
]
}]
}
}
그게 다야 이제 TypeScript 및 airbnb linter로 RN 프로젝트를 설정했습니다.
Reference
이 문제에 관하여(React Native 프로젝트 설정(TypeScript + Airbnb linter)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ksushiva/setting-up-react-native-project-typescript-airbnb-linter-4ai텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)