VSCode 작은 따옴표에서 큰 따옴표로 자동 바꾸기

VSCode 작은 따옴표에서 큰 따옴표로 자동 바꾸기

---

Format DocumentVue Component.vue 파일 VSCode 에서 명령을 실행할 때 작은 따옴표로 묶인 모든 문자열을 큰 따옴표로 묶은 문자열로 바꿉니다.

내 특정 경우에이 규칙은 작은 따옴표가 필요한 electron-vue lint 구성과 충돌합니다.

더 예쁜 확장 프로그램이 설치되어 있지 않습니다 (내 설정에 prettier.singleQuote 없음).

이것을 피하기 위해 vscode를 사용자 정의하는 방법은 무엇입니까?

---

내가 해달라고 prettier확장이 설치되어 있지만, 읽은 후 가능한 중복 내 사용자 설정에서 처음부터 추가 한 대답을 ( UserSetting.jsonCtrl 키 + 바로 가기)

"prettier.singleQuote": true

녹색 경고 ( Unknown configuration setting) 부분 은 작은 따옴표가 더 이상 대체되지 않습니다.

더 예쁜 확장이 보이지 않지만 Vetur 확장에 포함되어 있다고 생각 합니다.

---

음, 사람처럼 (@ user2982122)는 언급하지만, 대신 파일 로 이동 코드 -> 환경 설정 -> 설정은 다음을 찾아 견적 을 선택 명 Prettier을 모두 체크 박스를 선택

---

vuejs / vetur 문제 페이지 https://github.com/vuejs/vetur/issues/986# 에서이 솔루션은 저에게 효과적 이었습니다.

VSCodes settings.json파일에서이 항목을 추가하십시오.

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true
    }
},

---

나 같은 초보자를 위해 :

상단의 메뉴 탐색 모음에서 : 파일-> 환경 설정-> 설정을 선택합니다. 검색 텍스트 상자에 견적을 입력하십시오. 아래에 나타나는 필터링 된 목록에서 톱니 바퀴 아이콘과 그 옆에있는 "예쁜"을 찾으십시오. 확인란을 클릭하여 "Prettier : Single Quote"를 활성화합니다.

---

@attdona에서 언급했듯이 Vetur 확장에는 더 예쁘다.

수락 된 답변에 따라 더 예쁜 설정을 변경할 수 있지만 vue 구성 요소의 특정 영역에 대한 포맷터를 변경할 수도 있습니다.

예를 들어, Vetur는 기본적으로 작은 따옴표를 사용하므로 vscode-typescript 포맷터를 사용하도록 설정했습니다.

---

나는 typescript를 사용하고 있는데, 더 예쁜 설정에서 "Tslint integration"플래그를 확인하여 해결되었습니다 (vscode 기본 설정에서).

---

settings.json에서 이것을 사용할 수 있습니다.

"javascript.preferences.quoteStyle": "single"

---

이 확장을 사용하십시오.

https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes

cmd '(win / Linux의 경우 Ctrl')는 ' "'사이를 순환합니다.

참조 URL : https://stackoverflow.com/questions/48864985/vscode-single-to-double-quote-automatic-replace