단축키 ALT+ SHIFT+ F?를 사용하여 Visual Studio 코드에서 CSS 파일 자동 들여 쓰기를 활성화하는 방법이 있는지 알고 싶습니다 .
JavaScript에서는 잘 작동하지만 이상하게도 CSS에서는 작동하지 않습니다.
답변
예, vscode-css-formatter 확장을 설치해보십시오 .
형식 .css파일에 기능을 추가하고 바로 가기는 동일하게 Alt+ Shift+로 유지됩니다 F.
답변
css / sass / scss / less를 아름답게
이것을 실행하려면
시작하다 alt+shift+f
또는
를 누르 F1거나 ctrl+shift+p
다음 아름답게 입력 ..
다른 하나 -JS-CSS-HTML 포매터
이 확장은 모두 js-beautify를 내부적으로 사용한다고 생각합니다.
답변
최상의 옵션을 찾기 위해 한 시간을 낭비했습니다.
쉽게 읽고 선택할 수 있도록 함께 모으십시오.
노트:
- CSS와 SASS / SCSS / LESS는 모두 관련이 있습니다.
- HTML, Javascript, Typescript, JSON-VS 코드는 이미 형식을 지정하고 있습니다.
- CSS 및 관련-VS 코드는 현재 형식 이 아닙니다.
옵션 :
- css / sass / scss / less를 포맷하려면 :
- 예쁘다
- 모든 CSS 관련이 지원되고 다른 것은 아닙니다. 저는 이것을 선택합니다. 훌륭하게 작동합니다.
- 예쁘다
- JavaScript / TypeScript / CSS를 포맷하려면 :
- css / sass / scss / less를 아름답게
- 그러나 이미 JS, TS는 VS 코드에서 지원됩니다.
- css / sass / scss / less를 아름답게
- JS, CSS, HTML, JSON 파일 형식 지정 (js-beautify 래핑)
- JS-CSS-HTML 포맷터
- 그러나 이미 JS, HTML, JSON은 VS 코드에서 지원됩니다.
- JS-CSS-HTML 포맷터
- CSS 형식을 지정하려면
- CSS 포맷터
- 그러나 CSS 만 지원하고 모든 관련 항목은 지원하지 않음-6 개월 이상 유지되지 않음
- CSS 포맷터
포맷하려면 :
Prettier를 설치 한 후 VS Code에서 Alt+ Shift+ F를 누릅니다 .
답변
Visual Studio 코드에서 로컬 bootstrap.min.css 를 연 후 들여 쓰기가없는 것처럼 보였습니다. commad ALT + Shift + F를 시도 했지만 헛된 것입니다.
그런 다음 설치
CSS Formatter 확장.
다시로드하고 ALT + Shift + F가 내 CSS 파일을 매력으로 들여 쓰기했습니다.
빙고 !!!
답변
갤러리에서 선택할 수있는 몇 가지가 있지만 나머지 설정에 대해 여전히 눈에 띄지 않는 상당한 수준의 구성 가능성을 제공하는 것은 Michele Melluso의 Beautify 입니다. CSS와 SCSS 모두에서 작동하며 나머지 코드를 2 개의 공백으로 유지하면서 3 개의 공백을 들여 쓸 수 있습니다.
GitHub 에서 가져 와서 직접 조정할 수 있습니다.
