Visual Studio Code의 TypeScript에서 작업 할 때 형식에 대한 가져 오기 제안 (공백 + 마침표로 트리거 됨)은 큰 따옴표를 사용하여 가져 오기를 생성합니다.
TypeScript linter는 가능한 한 작은 따옴표가 사용되는지 확인합니다.
아래에서 볼 수 있듯이 제안에는 큰 따옴표 ( "@angular / ...")가 있습니다.
가져 오기 설정을 어떻게 조정할 수 있습니까?
답변:
VSCode 1.10에서는 아직 (슬프게도) 불가능합니다. 그러나 그것은 보이는 것처럼 많은 사용자에게 문제입니다. VSCode 테마는이 문제를 알고 있으며이를 따라 구현시기를 알 수 있습니다. https://github.com/Microsoft/TypeScript/issues/13270
2018 년 6 월 업데이트
VSCode 1.24 (2018 년 6 월)부터 이에 대한 옵션이 있습니다!
"typescript.preferences.quoteStyle": "single"
자세한 내용은 다음을 참조하십시오.
https://code.visualstudio.com/updates/v1_24#_preferences-for-auto-imports-and-generated-code
"typescript.preferences.quoteStyle": "single"
이 설정을 조정하기 위해 vscode 사용자 설정에서 아래 줄을 구성 할 수도 있습니다.
"prettier.singleQuote": true
Editor config 를 사용 하여 프로젝트 루트 디렉토리에서 .editorconfig 파일을 열고 (없는 경우 해당 파일을 생성) [*] 뒤에이 줄을 추가하는 문제를 수정했습니다 .
[*]
...
quote_type = single
에서 위키 당신은 속성의 전체 목록을 볼 수 있습니다.
VS Code 1.21.1부터 편집해야합니다.
/usr/share/code/resources/app/extensions/typescript-basics/snippets/typescript.json
Windows에서
/ Applications / Visual Studio Code.app/Contents/Resources/app/extensions/typescript-basics/snippets/typescript.json .
Windows 10 (vscode 버전 1.30. * (사용자 설정) 이후)
* C : \ Users \ <사용자 이름> \ AppData \ Local \ Programs \ Microsoft VS Code \ resources \ app \ extensions \ typescript-basics \ snippets \ typescript.json
해당 파일의 '외부 모듈 가져 오기'섹션에서 본문 배열 속성을 값으로 만듭니다 "import { $0 } from '${1:module}';". 섹션은 다음과 같이 표시됩니다.
"Import external module.": {
"prefix": "import statement",
"body": [
"import { $0 } from '${1:module}';"
],
"description": "Import external module."
},
이 구성을 지원하는 대안은 TypeScript Toolbox 입니다.
genGetSet.pathStringDelimiter기본적으로 작은 따옴표 가져 오기가 이미있는 설정으로 구성 할 수 있습니다 .
genGetSet.spacedImportLine새 가져 오기 행 import { Router }....이 기본값 대신에 보이도록 설정도 지적 할 가치가 있습니다import {Router}...
"파일> 환경 설정> 설정"으로 이동 한 다음 사용자 설정 아래에 추가하십시오.
"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"
// Preferred quote style to use for quick fixes: 'single' quotes, 'double' quotes, or 'auto' infer quote type from existing imports. Requires using TypeScript 2.9 or newer in the workspace.
TypeScript 2.5부터는 가져 오기 제안을 사용할 때 작은 따옴표 또는 큰 따옴표가 사용되는지 확인하기 위해 파일의 첫 번째 가져 오기 또는 내보내기 문이 스캔됩니다.
문자열에 작은 따옴표를 허용하도록 vscode 사용자 설정에서 아래 줄을 구성 할 수도 있습니다.
기본 설정> 사용자 설정으로 이동합니다.
"prettier.singleQuote": true
이것은 String에 작은 따옴표를 허용합니다. 그렇지 않으면 모든 큰 따옴표를 작은 따옴표로 수동으로 변경하면 저장하는 동안 되돌립니다. 또한 추가
"tslint.autoFixOnSave": true
저장하는 동안 자동 수정합니다.
이것은 이미 구현되어 있습니다 (다른 답변에서 언급했듯이)! 그러나 아직 최신 버전의 TypeScript를 사용하지 않았을 것입니다.
해결책은 간단합니다.
"TypeScript"와 오른쪽 하단의 작은 웃는 얼굴 사이에있는 TypeScript 버전 번호 (예 : 2.3.4)를 클릭합니다. 그런 다음 Visual Studio Code 기본 제공 버전 (현재 2.5.3)으로 전환합니다.
이 Visual Studio 코드는 첫 번째 import 문을보고 가져 오기 따옴표 스타일을 추론합니다 . 어쨌든 작은 팝업 레이블에는 여전히 큰 따옴표가 표시됩니다.
관련 풀 요청 :
이렇게하면 코드 수정을 통해 추가 된 새 가져 오기에 작은 따옴표 또는 큰 따옴표를 사용할지 여부를 결정할 수있는 기능이 추가됩니다. 새 가져 오기가 추가되면 모듈 지정자를 사용하여 기존 가져 오기 또는 내보내기 선언에 대한 소스 파일의 최상위 명령문을 스캔합니다. 그런 다음 우리가 찾은 첫 번째 견적 스타일을 사용합니다. 파일에 기존 가져 오기가 없으면 큰 따옴표를 사용합니다.
위의 솔루션이 저에게 효과적이지 않았습니다.
당신이 vscode을 사용 그래서 여기에 내 작품이, 주위에, "tslint.autoFixOnSave":의 진정한 당신의 settings.json파일을 저장할 때 자동으로 이러한 수입 견적을 수정합니다.
Unknown Configuration Setting