Visual Studio 코드 CSS 들여 쓰기 및 서식
답변:
예, vscode-css-formatter 확장을 설치해보십시오 .
형식 .css파일에 기능을 추가하고 바로 가기는 동일하게 Alt+ Shift+로 유지됩니다 F.
이것은 완벽하게 일을하고 있습니다. 나는 매번 내가 파일을 저장 한 오토바이하지만 제안 다른 하나를 시도, 나는 두 번 .. 저장했다
—
A. DC
Windows에서이 확장을 사용하는 방법은 무엇입니까? alt + shift + f가 작동하지 않고 마우스 오른쪽 버튼을 클릭 할 때 '형식 코드'옵션이 없습니다.
—
kyw
확장을 설치 한 후 vs-code를 다시 시작 했습니까? 또한 어떤 파일에서이 명령을 실행하려고합니까?
—
NValchev
나를 위해 일하지 않았다.
—
Leo
Alt+Shift+F여전히주는 : 죄송합니다. 'css'파일에 대한 포맷터가 설치되어 있지 않습니다. afte 재 장전. css / sass / scss / less working을 아름답게 만드십시오 .
Mac (Cmd + K, Cmd + F)에서 잘 작동하며 동일한 키보드 단축키를 사용하는 다른 파일 형식의 서식에 영향을주지 않았습니다. 감사합니다
—
mojave
css / sass / scss / less를 아름답게
이것을 실행하려면
시작하다 alt+shift+f
또는
를 누르 F1거나 ctrl+shift+p
다음 아름답게 입력 ..
다른 하나 -JS-CSS-HTML 포매터
이 확장은 모두 js-beautify를 내부적으로 사용한다고 생각합니다.
alt + shift + f 아무 작업도하지 않았지만 beautify를 입력하는 중 ... 작동했습니다.
—
rtaft
JS-CSS-HTML Formatter를 사용하는 또 다른 방법은-> 컨텍스트 메뉴를 열고 Format Code를 선택하는 것입니다
—
Chanaka Fernando
최상의 옵션을 찾기 위해 한 시간을 낭비했습니다.
쉽게 읽고 선택할 수 있도록 함께 모으십시오.
노트:
- 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를 누릅니다 .
Prettier는 scss를 나열하지만 sass는 나열하지 않습니다. Beautify는 Sass를 지원한다고 주장하지만 내 경험에서 모든 것을 한 줄로 분쇄합니다. (Scs가 아니라 Sass를 명시 적으로 이야기)
—
Frank Nocke
갤러리에서 선택할 수있는 몇 가지가 있지만 나머지 설정에 대해 여전히 눈에 띄지 않는 상당한 수준의 구성 가능성을 제공하는 것은 Michele Melluso의 Beautify 입니다. CSS와 SCSS 모두에서 작동하며 나머지 코드를 2 개의 공백으로 유지하면서 3 개의 공백을 들여 쓸 수 있습니다.
GitHub 에서 가져 와서 직접 조정할 수 있습니다.
파일 메뉴-> 환경 설정-> 확장으로 이동 한 다음 CSS Formatter를 입력하고로드 될 때까지 기다린 다음 설치를 클릭합니다.