웹사이트 검색
javascript - React와 Prettier/eslint 앱 반복 실행 스크립트
내 Create React App이 계속해서 컴파일되고 있습니다. 그게 일어나지 않아야 한다는 사실 외에도, 매우 산만합니다.
이것은 기본 npm run start 실행의 출력입니다
제 생각에는 린팅과 관련된 것 같은데, 생각 있으신가요?
편집 :
요청된 스크립트:
"scripts": { "start": "react-scripts start", "build": "react-sc 더 많은 것을 읽으십시오 →javascript - 스위치 문을 포맷하기 위한 Prettier 설정이 존재하나요?
저는 현재 Prettier를 사용하여 제 Typescript 코드를 포맷하고 있습니다.
제 문제는 이렇습니다: 만약 제가 이런 코드가 있다면:
switch (someVariable) { case "one": return 10; case "two": return 20; default: return 30; }Prettier가 이것을 다음과 같이 포맷할 것입니다:
switch (someVariable) { case "one": return 10; case "two": return 20; default: return 30; }나는 후자를 피하고 싶다. 왜냐하면 그것은 추가로 세 줄의 코드를 더하게 되고, 전체 스위치 문을 덜 읽기 쉽고 덜 미적으로 만
더 많은 것을 읽으십시오 →typescript - ts 및 scss 파일에 prettier 실행
저는 TypeScript와 SCSS 파일용으로 Prettier를 설정하려고 하고 있습니다
저는 다음과 같은 .prettierrc 파일을 가지고 있습니다:
{ "printWidth": 100, "parser": "typescript", "tabWidth": 2, "semi": true, "singleQuote": true, "trailingComma": "all", "bracketSpacing": true, "jsxBracketSameLine": true, "arrowParens": "avoid" }내가 prettier를 실행할 때 scss
더 많은 것을 읽으십시오 →angular - Prettier가 타입을 제거합니다
왜 그런지 전혀 모르겠어요. 저는 Angular 앱에 있는데, 문서 서식을 누르면 제 타입들이 사라져요.
Before: export class AppComponent { title:string = 'angular-todolist'; name:string = 'Michael'; someInteger:number = 10; } After: export class AppComponent { title = 'angular-todolist'; name = 'Michael'; someInteger = 10; }그게 무엇일지에 대한 어떤 제안이라도
더 많은 것을 읽으십시오 →typescript - nest js에서 prettier로 코드 포맷팅이 작동하지 않습니다
저는 Visual Studio Code를 사용하고 있습니다. 제 Nest JS 프로젝트에서 코드가 prettier 규칙에 맞게 포맷되지 않습니다. 이미 .prettierrc와 .eslintrc를 설정했습니다. 또한 settings.json 파일에서 formatOnSave: true도 설정했습니다.
내 settings.json 파일의 일부
"editor.formatOnT 더 많은 것을 읽으십시오 →비주얼 스튜디오 코드 - VSCode /w. TypeScript 모노레포에서 Prettier
저는 현재 모노레포 세팅에서 VSCode 확장을 통해 Prettier를 사용하고 있습니다. 문제는 Prettier가 제 api 폴더에서는 완전히 작동하지 않는다는 것입니다. 기본 줄 길이를 무시하고 세미콜론이 자동으로 추가되지 않습니다. 이상하게도 www 폴더는 평소대로 작동하며 Prettier 기능이 누락된 부분이 없습니다.
Prettier 설정은 VSCode의 "사용자 설정"을 통해 전역으로 설정됩니다.
- www - NextJS
- api - 아폴로 서버
javascript - express, typescript 코드에서 이러한 prettier 오류를 해결하는 방법
저는 기본적인 Node/Express + Typescript 프로젝트 앱을 설정했습니다
app.listen(PORT, (): void => { console.log(`app running in ${environment} listening on port ${PORT}!`); });나는 오류가 발생하고 있는데 왜 그런지 잘 모르겠다.
```PORT,```를 ```⏎- - PORT,⏎- ```로 교체하세요 (prettier/prettier)
삽입 - - (prettier/prettier)
`${code}`를 `${code}- - },⏎`로 교체하세요 (prettier/prettier)
이 오류들을 수정하려고 시도하면 (Codacy 대시보드에 표시되는) Vscode
더 많은 것을 읽으십시오 →javascript - Prettier는 반환되는 함수의 타입이 있을 때 함수 정의에서 줄을 바꿉니다
저는 이 함수를 가지고 있습니다:
// before and after prettier const foo = (a: number) => (b: number) => { return a + b }만약 제가 prettier를 실행하면 모든 것이 그대로 남을 것입니다(제게는 원하는 동작입니다).
반환된 함수의 타입을 추가하면 어떤 이유에서인지 제대로 작동하지 않습니다.
// before prettier type NestedFuncType = (b: number) => number const foo = (a: number): NestedFuncType => b => { return a + b } // after prettier type NestedFuncType = (b: number) => number c 더 많은 것을 읽으십시오 →typescript - prettier를 사용하여 no-duplicate-imports eslint 오류 해결
eslint에는 no-duplicate-imports https://eslint.org/docs/rules/no-duplicate-imports 가 있으며, 동일한 경로에서 여러 모듈을 중복으로 가져오는 줄에 대해 오류 또는 경고를 표시합니다.
즉
import { testModule } from '../file' import { otherModule } from '../file'다음과 같이 해결하게 합니다:
import { testModule, otherModule } from '../file'기존의 prettier 플러그인이나, onSave 시 이 문제를 자동으로 해결해 수동으로 수정할 필요가 없도록 하는 다른 방법으로 이것을 어떻게 수행하시겠습니까?
더 많은 것을 읽으십시오 →TypeScript에서 React Native(Expo)를 위한 ESLint(Airbnb) + Prettier 설정
저는 몇 주째 제 React Native 프로젝트에 대한 린팅 및 포맷 설정을 하는 작업을 하고 있지만, 별다른 진전을 이루지 못하고 있습니다. 여러 튜토리얼을 살펴보고 가능한 한 따라 해보았지만, 여전히 설정 문제들이 있는 것 같습니다.
제 프로젝트는 Django 백엔드와 React Native 프런트엔드를 가지고 있으므로, React 앱(src/frontend 디렉터리)에 대해서는 여기 튜토리얼을 사용하여 Expo, Yarn 및 TypeScript를 사용해 시작했습니다
더 많은 것을 읽으십시오 →