웹사이트 검색
typescript - prettier가 모든 유니언 타입을 줄바꿈하게 하려면 어떻게 하나요?
나는 이것을 원해:
type SomeType = Variant1 | Variant2항상 이것으로 형식을 맞추기 위해:
type SomeType = | Variant1 | Variant2지정된 열 너비를 초과하든 초과하지 않든 상관없다.
답변 #1
만약 포맷에 대한 그 정도의 제어가 필요하다면, 그런 것들은 Prettier에서 의도적으로 구성할 수 없기 때문에 Prettier의 대상 사용자가 아닐 가능성이 높습니다. Prettier의 옵션 철학을 참조하세요. 그렇다고 해도, 포크를 만들거나 플러그인을 통해 원하는 것을 여전히 달성할 수 있습니다.
더 많은 것을 읽으십시오 →node.js - ESLint 및 Prettier와 함께하는 TypeScript 경량 스크립팅 지원
TypeScript/ESLint/Prettier는 모든 종류의 작업에 대해 제가 가장 좋아하는 도구가 되었습니다. 하지만 저는 여전히 코드가 몇십 줄에 불과한 작은 Nodejs 스크립트로 어려움을 겪고 있습니다. 편리한 IDE 경험으로 작은 Nodejs 스크립트를 작성하려면, 저는 다음이 필요합니다:
- package.json을 생성하세요
- tsconfig(엄격 컴파일) 구성
- ESLint 구성
- 프리티어 구성
- 시작 성능이 중요하다면 JavaScript로 컴파일하세요(아래 참조)
작은 스크립트에 비해 이건 꽤 많은 절차입니다. 제 스크립트 중에는 설정 파일이 실제 코드보다 더 큰 경우도 있습니다. JavaScript 컴파일은 특히 작은 수정을 하고 스크립트를 다시 실행하고 싶을 때 성가십니다.
이론적으로, 이러한 문제를 해결하기 위해 ts-node가 존재합
더 많은 것을 읽으십시오 →reactjs - 내가 React를 추가한 후 VScode에서 prettier 자동 포매터가 TypeScript 타입의 쉼표를 제거하지 않도록 하는 방법
자동 포매터를 켠 상태에서 파일을 저장하면, 타입
type Params = { fileName: string, isTxt: boolean }로 저장됩니다
type Params = { fileName: string isTxt: boolean }React가 더 이상 허용하지 않는 것. 내가 프로젝트에 React를 추가한 후에야 P
더 많은 것을 읽으십시오 →reactjs - eslint/prettier 설정 오류를 어떻게 고치나요?
도움이 필요해요. 저는 ifint을 설정하려고 하고 있어요. 하지만 오류는 콘솔에만 보이고, 문제 그래프나 코드 편집기에서는 보이지 않아요.
저는 깃허브에 있는 에어비앤비 지침에 따라 모든 것을 하려고 했습니다
그리고 이러한 오류를 확인하기 위해서는 npm run lint 명령어를 실행해야 합니다
.eslintrc.js
module.exports = { extends: [ 'airbnb-typescript', 'airbnb/hooks', 'plugin:@typescript-eslint/re 더 많은 것을 읽으십시오 →typescript - WebStorm 코드 재포맷(Prettier)은 `prettier --write .`와 동일하게 포맷합니다
저는 각 커밋 전에 prettier --write .를 실행해야 하는 코드베이스(TS)에서 작업하고 있습니다.
하지만 저는 WebStorm에서 Reformat Code 액션을 사용하여 Prettier를 실행하고 있는데, 이것이 더 편리합니다. 이 액션을 사용하면 코드가 다시 포맷되며, 예를 들어 줄 끝에 누락된 ;를 추가합니다. 하지만 예를 들어 빈 줄은 제거되지 않는다는 것을 알게 되었습니다. 그러나 prettier --write .를 실행하면 그 빈 줄들이 제거됩니다.
저는 WebStorm에서 Prettier를 사용하여 Reformat Code를 실행하는 것이 해당 파일에 대해 prettier --write를 실행하는 것과 동일하다는 가정 하에 있었습니다.
Prettier를 수동으로 실행하지 않고 커밋할
더 많은 것을 읽으십시오 →typescript - .prettierrc의 괄호 내 공백
나는 eslint의 space-in-parens처럼 prettier를 가지고 싶다.
보낸 사람 :
function foo(one, two, three){받는 사람 :
function foo( one, two, three ){저는 2017년에 깃허브에서 이 스레드(https://github.com/prettier/prettier/issues/1303)를 찾았지만 해결책을 찾을 수 없습니다.
그것에 대해 어떤 아이디어가 있나요? 사용자 정의 규칙을 만드는 방법이 있나요?
미리 정말 감사합니다
더 많은 것을 읽으십시오 →TypeScript 및 Next.js 프로젝트에서 올바른 오류 보고를 위해 ESLint와 Prettier를 구성하는 방법
저는 TypeScript와 Next.js를 사용하고 있습니다. 코드 형식 오류를 강제하고 싶어서 eslintrc.json에 다음 규칙을 추가했습니다:
"rules": { "prettier/prettier": "error" }npm run build를 실행한 후, 모든 파일에서 다음과 같은 오류
더 많은 것을 읽으십시오 →javascript - 괄호를 추가하는 ESLint/Prettier 규칙을 비활성화할 수 있나요?
내가 이렇게 쓰면:
const a = 1; const b = 1; const c = 1; const d = 1; const t = a * b * (c + d) / 100;그러면 어떤 규칙이 다음으로 변경되기를 원합니다:
const t = (a * b * (c + d)) / 100; // ^ ^ unwanted parentheses저는 추가 괄호를 원하지 않지만, 이것을 추가하는 것이 ESLint인지 Prettier인지 알 수가 없습니다. 제 .eslintrc는 아래와 같이 추가되었습니다:
{ "root": true, "parser": "@typescript-eslint/parser", "parserOptions 더 많은 것을 읽으십시오 →typescript - VsCode Prettier가 화살표 함수가 있는 체인 함수를 끊지 않도록 하려면 어떻게 하나요?
저는 VSCode와 Prettier를 사용하고 있으며, lodash 체인과 같이 내부에 화살표 함수가 있는 체인된 함수 호출이 있을 때:
let total = _(credits).filter(c => c.active).sumBy(c => c.fee);프리티어가 다음과 같이 나뉩니다:
discount = _(credits) .filter(c => c.active) .sumBy(c => c.fee);우리가 strings를 화살표 함수 대신 사용할 때, 예를 들어, 여러 줄로 나뉘지 않습니다:
let total = _(credits).filter('c => c.active').sumBy('c => c.fee');저는 다음 .prettierr
더 많은 것을 읽으십시오 →reactjs - 줄 바꿈 프리티어를 어떻게 비활성화하나요
제 printWidth 값은 200이고 예를 들어 매번 줄바꿈이 발생합니다.
<Form.Item label="xxx"><Input /></Form.Item> <Form.Item label="yyy"><Select /></Form.Item> <Form.Item label="zzzz"><Input /></Form.Item>내가 이 코드 블록을 실행하면 eslint 결과는
< 더 많은 것을 읽으십시오 →