Visual Studio Code에서 서식 옵션을 어떻게 변경합니까?

Visual Studio Code에서 ctrl + cmd + f를 사용하여 코드 서식을 지정할 수 있다는 것을 알고 있지만 각 언어의 서식 옵션을 어떻게 변경합니까?

예를 들어 Visual Studio 2013에서는 CSS에 압축 모드를 선택할 수 있습니다.

이를 수행하는 또 다른 숨겨진 json 파일이 있습니까?

편집하다:

이 되는 지금 지원 (2019 기준) . 지침은 아래 sajad saderi의 답변을 참조하십시오 .

아니요, 현재 지원되지 않습니다 (2015 년) .

VS 코드에서

프레스 Ctrl+Shift+P

그런 다음 입력 Format Document With...

목록 끝에서 Configure Default Formatter...

이제 목록에서 좋아하는 미용사를 선택할 수 있습니다.

방금 Market Place에서 beautify 라는이 확장을 찾았습니다. 예, 다른 config \ settings 파일입니다. :)

Visual Studio Code에서 JavaScript, JSON, CSS, Sass 및 HTML을 아름답게 꾸밀 수 있습니다.

VS Code는 내부적으로 js-beautify를 사용하지만 사용하려는 스타일을 수정할 수있는 기능이 없습니다. 이 확장을 사용하면 VS Code에서 js-beautify를 실행하고 열린 파일의 경로 트리에있는 모든 .jsbeautifyrc 파일을 준수하여 코드 스타일을로드 할 수 있습니다. F1 Beautify (선택을 아름답게하기 위해) 또는 F1 Beautify 파일로 실행합니다.

.jsbeautifyrc의 설정에 대한 도움말은 Settings.md를 참조하십시오.

다음은 GitHub 저장소입니다 : https://github.com/HookyQR/VSCodeBeautify

요즘 Visual Studio Code에 대해 이야기하고 있다면 다음에서 기본 포맷터 를 설정 합니다 settings.json.

  // Defines a default formatter which takes precedence over all other formatter settings. 
  // Must be the identifier of an extension contributing a formatter.
  "editor.defaultFormatter": null,

설치된 확장의 식별자를 가리 킵니다.

"editor.defaultFormatter": "esbenp.prettier-vscode"

형식 별로 그렇게 할 수도 있습니다 .

"[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[sass]": {
    "editor.defaultFormatter": "michelemelluso.code-beautifier"
},

여기도 참조하십시오 .

키보드 단축키 ( ) 에서 다른 포맷터 에 다른 키를 할당 할 수도 있습니다 keybindings.json. 기본적으로 다음과 같이 읽습니다.

{
  "key": "shift+alt+f",
  "command": "editor.action.formatDocument",
  "when": "editorHasDocumentFormattingProvider && editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly"
}

마지막으로 Prettier 플러그인 및prettier.rc 을 사용하기로 결정 하고 예를 들어 html, scss, json에 대해 다른 들여 쓰기를 원하는 경우 ...

{
    "semi": true,
    "singleQuote": false,
    "trailingComma": "none",
    "useTabs": false,

    "overrides": [
        {
            "files": "*.component.html",
            "options": {
                "parser": "angular",
                "tabWidth": 4
            }
        },
        {
            "files": "*.scss",
            "options": {
                "parser": "scss",
                "tabWidth": 2
            }
        },
        {
            "files": ["*.json", ".prettierrc"],
            "options": {
                "parser": "json",
                "tabWidth": 4
            }
        }
    ]
}

"설정"에서 몇 가지를 변경할 수 있습니다. 예를 들어 javascript 규칙은 "javascript.format"으로 시작합니다. 그러나 고급 서식 제어의 경우 여전히 일부 확장자를 사용해야합니다.

형식 코드 명령에 대한 규칙 설정

저에게 적합한 솔루션 (2017 년 7 월)은 ESLint 를 활용하는 것 입니다. 모두가 알고 있듯이 린터를 전역 적으로 또는 로컬로 여러 가지 방법으로 사용할 수 있습니다. 나는 그것을 지역적으로 그리고 구글 스타일 가이드와 함께 사용한다. 내가 설정하는 방법은 다음과 같습니다.

• cd to your working directory
• npm init
• npm install --save-dev eslint
• node_modules/.bin/eslint --init
• I use google style and json config file

이제 .eslintrc.json작업 디렉토리의 루트 파일이 생깁니다. eslint 규칙을 사용하여 원하는 대로 해당 파일을 열고 수정할 수 있습니다 . 다음 cmd+,개방에 vscode시스템 환경 설정을 선택하십시오. 검색 창에서를 입력 eslint하고을 찾습니다 "eslint.autoFixOnSave": false. 설정을 복사하여 사용자 설정 파일 변경에 붙여 넣기 false로 true. 이것이 vscode을 사용하는 사람을 도울 수 있기를 바랍니다 .

특별히 C # (OmniSharp) 서식 설정을 변경하려면 OmniSharp가 가리키는 작업 디렉토리 의 json 파일 :
User : ~/.omnisharp/omnisharp.json 또는 %USERPROFILE%\.omnisharp\omnisharp.json
Workspace : omnisharp.json 파일을 사용할 수 있습니다 .

예:

{
  "FormattingOptions": {
    "NewLinesForBracesInMethods": false,
    "NewLinesForBracesInProperties": false,
    "NewLinesForBracesInAccessors": false,
    "NewLinesForBracesInAnonymousMethods": false,
    "NewLinesForBracesInControlBlocks": false,
    "NewLinesForBracesInObjectCollectionArrayInitializers": false,
    "NewLinesForBracesInLambdaExpressionBody": false
  }
}

이 게시물에 대한 자세한 내용 | omnisharp.json 스키마 (이미 vscode에 있으며 CTRL + SPACE 만 가능)

다른 언어 확장자는 설정을위한 유사한 파일을 가질 수 있습니다.