Visual Studio 2013에서 .less 파일에서 CSS 파일을 생성 할 수 있나요?
Visual Studio 2013은 이제 .less파일에 대한 구문 강조 및 자동 완성 기능을 제공하는 굉장 합니다. 그러나 각 CSS 파일도 생성합니까? 다른 확장 프로그램을 설치해야합니까?
예, Visual Studio 2013에는 LESS 컴파일러가 기본 제공되지 않으므로 직접 가져와야합니다. 외부 컴파일러를 사용하거나 IDE 내에서 LESS 파일을 컴파일 할 수 있도록 확장을 설치할 수 있습니다.
Visual Studio에 플러그인을 설치하지 않으려면 외부 컴파일러를 사용할 수 있습니다.
현재 Koala를 사용하고 있으며 LESS 파일을 저장할 때마다 출력 폴더에 자동으로 컴파일됩니다.
GUI 컴파일러 에 대한 공식 LESS 페이지를 살펴보십시오 .
Bootstrap LESS를 컴파일하는 데 문제가있었습니다 (Twitter.Bootstrap.Less NuGet을 설치 한 후).
WebEssentials의 트릭은 bootstrap.less 파일을 저장 (공백을 입력 한 다음 삭제를 누르면 충분 함) 한 다음 저장하는 것입니다. 해당 .css, .min.css 및 css.map 파일이 자동으로 생성되고 솔루션 탐색기의 .less 파일 아래에 중첩되어 표시됩니다.
쉬운:
- 도구-> 확장 및 업데이트-> 웹 확장 팩 설치 (Mads Kristensen 's)
- 프로젝트에서 추가-> 새 항목-> 스타일 시트 숨기기
- .less를 편집하고 파일을 저장하십시오.
- .less 파일-> 웹 컴파일러-> 파일 재 컴파일을 마우스 오른쪽 버튼으로 클릭하십시오.
그 후 결과 .css 파일은 모든 파일 저장시 생성됩니다.
저장 후 LESS를 컴파일하는 또 다른 작은 도구는 WinLess입니다.
많은 옵션은 아니지만 작고 간단합니다. 그리고 그것은 일을합니다!
다른 사용자의 경험이 무엇인지 모르지만 WebEssentials 2013은 Visual Studio 2013 (Ultimate) 및 설정을 사용하는 내 컴퓨터에서 잘 작동하지 않습니다. 음 ... UI가없고 기능을 완전히 끌 수 없습니다. 사용하고 싶지 않습니다.
MS가 놓친 많은 최신 웹 기술을 편집 할 수있는 Chirpy를 사용할 수도 있습니다.
'Programing' 카테고리의 다른 글
| NaN ^ 0 == 1 인 이유 (0) | 2020.11.22 |
|---|---|
| Entity Framework 6.0의 ORM 엔터티 대 도메인 엔터티 (0) | 2020.11.22 |
| malloc은 Linux (및 기타 플랫폼)에서 할당을위한 백업 페이지를 느리게 생성합니까? (0) | 2020.11.22 |
| std :: shared_ptr이없는 이유 (0) | 2020.11.22 |
| graphite의 Carbon aggregator가 동일한 작업을 수행 할 수 있는데 왜 statsd를 사용합니까? (0) | 2020.11.22 |