programing

VS 코드 자동 들여쓰기 / 코드 형식 지정 시 단일 따옴표가 두 배로 변경됨

elecom 2023. 6. 12. 21:06
반응형

VS 코드 자동 들여쓰기 / 코드 형식 지정 시 단일 따옴표가 두 배로 변경됨

다음 확장이 설치된 VS Code 1.17.2를 사용하고 있습니다(불행히도 평판이 좋지 않아 연결할 수 없습니다).

  • Angular 5 스니펫 - TypeScript, Html, Angular Material, ngRx, RxJS 및 Flex 레이아웃
  • 각도 에센셜
  • 각도 언어 서비스
  • Angular v5 유형 스크립트 스니트니펫
  • 각진 2각의
  • 자동 가져오기
  • 크롬용 디버거
  • VS 코드용 EditorConfig(Angular Essentials는 이 코드에 종속되어 있으므로)
  • HTML 스니펫
  • CSS 클래스 이름에 대한 IntelliSense
  • 재료 아이콘 테마
  • 경로 인텔리센스
  • PHP IntelliSense
  • 더 예쁜 - Javascript 포맷터
  • TSLint
  • Visual Studio 팀 서비스
  • vscode 아이콘
  • 겨울이 온다 테마

TypeScript 파일(Shift + Alt + F)을 자동 포맷할 때 들여쓰기 권한을 부여하지만, 모든 단일 따옴표를 이중 따옴표로 변경하여 TSLint가 불만을 제기합니다.나는 오토 인덴트가 그렇게 해서는 안 된다는 것을 꽤 확신하고 있고 그것은 정말 짜증납니다.

어떤 도움이라도 주시면 대단히 감사하겠습니다.

확장은 VS Code 사용자 설정 파일에 설정된 설정을 사용합니다.

변경하려면 사용자 설정 파일을 엽니다.

CtrlShiftP 유형Open User Settings.

검색:prettier.singleQuote그리고 그것을 진실로 바꾸는 것처럼.

"prettier.singleQuote": true

Daniel B의 솔루션은 제 경우에 도움이 되지 않았습니다. 저는 다음을 따라야 했습니다. https://github.com/praveenpuglia/angular-sanity/issues/4

VS 코드

자동 가져오기는 구성에 따라 가져오기 문을 삽입하기 위해 vCode에서 tslint.json 파일을 사용하는 지능형입니다.하지만 수동으로 수입 명세서를 작성하다가 실수로 그것을 망친다면 여기서 해결해야 할 한 가지가 있습니다.

사용자 기본 설정에서 다음을 설정합니다.

"tslint.autoFixOnSave": true


Edit: one more thing, I noticed after testing that my issue seemed to boil down to the formatter. I updated my typescript formatter to this:

"[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
}

내 코드를 이중 따옴표로 잘못 업데이트한 부분을 수정하는 데 도움이 된 포맷터를 업데이트한 후.

언급URL : https://stackoverflow.com/questions/47091719/vs-code-auto-indent-code-formatting-changes-single-quotation-marks-to-double

반응형