Less Formatter 사용 방법
- 코드를 붙여 넣으세요. 포매터 엔진은 처음에 잠시 후 로드됩니다.
- 필요하면 옵션을 조정하세요.
- 포맷된 결과를 복사하세요.
Less Formatter 소개
Less는 CSS에 변수, 믹스인, 중첩, 연산을 더합니다. 포매터가 이런 구조를 이해하므로 @variable, .mixin(), 중첩된 블록이 일반 CSS로 취급되지 않고 올바르게 들여쓰기됩니다.
블록 스타일과 줄 스타일 주석 모두 유지됩니다.
Less Formatter
변수, 믹스인, 중첩된 규칙이 있는 Less 코드를 포맷합니다.
도구를 불러오는 중...
자주 묻는 질문
Less를 CSS로 컴파일하나요?
아니요, Less 소스를 포맷합니다. 컴파일에는 Less 컴파일러가 필요합니다.
가드가 있는 믹스인도 지원하나요?
네, 가드와 믹스인 호출이 포맷됩니다.
// 주석이 유지되나요?
네, Less의 줄 주석은 올바른 문법이며 유지됩니다.
처음 실행할 때 1초 정도 걸린 이유는 무엇인가요?
이 언어의 포맷 엔진은 처음 사용할 때 다운로드되고 이후 브라우저에 캐시됩니다. 그 후에는 포맷이 즉시 이루어지며 아무것도 컴퓨터 밖으로 나가지 않습니다.
코드 포매터의 다른 도구
모든 도구 →JavaScript Pretty PrintJavaScript를 읽을 수 있도록 보기 좋게 출력합니다.포맷CSS Pretty Print각 규칙과 속성을 읽기 쉽도록 CSS를 보기 좋게 출력합니다.포맷CSS Minify주석과 공백을 제거하여 가장 작은 CSS를 얻습니다.압축C# FormatterC# 코드를 들여쓰고 중괄호와 문장을 각자의 줄에 놓습니다.포맷Java FormatterJava 코드를 읽기 쉬운 레이아웃으로 되돌립니다. 한 줄에 문장 하나, 중괄호는 들여쓰기됩니다.포맷GraphQL Formatter중첩된 선택을 읽기 쉽도록 GraphQL 쿼리와 스키마를 포맷합니다.포맷Angular Formatter구조 지시문과 바인딩이 있는 Angular 컴포넌트 템플릿을 포맷합니다.포맷Vue FormatterVue 단일 파일 컴포넌트의 template, script, style을 함께 포맷합니다.포맷