.less 파일에서 Visual Studio 2010 .css Intellisense를 켜는 방법
비 .css 파일 확장자에서 CSS 인텔리 센스를 활성화하는 방법을 아는 사람이 있습니까? 기본적으로 .css 파일 인 .less 파일이 있지만 Visual Studio는 파일에 .css intellisense를 사용하지 않습니다.
VS2010 용 CSS Is Less 확장을 사용해보십시오.
http://visualstudiogallery.msdn.microsoft.com/dd5635b0-3c70-484f-abcb-cbdcabaa9923
설정을 변경하거나 LESS 파일에 HTML 태그를 추가하지 않고도 .LESS 파일을 CSS 편집기에서 열도록합니다.
Visual Studio를 사용하면 도구-> 옵션-> 텍스트 편집기-> 파일 확장으로 이동하여 사용자 지정 확장을 다른 편집기에 매핑 할 수 있습니다. 사용자 지정 확장을 제공하고 연결할 편집기를 선택하기 만하면됩니다. 안타깝게도 Visual Studio 팀은 편집기 목록에서 CSS 편집기를 간과하는 것처럼 보였습니다.
가능한 해결 방법은 확장명을 Html 편집기와 연결 한 다음 <html><head><style>파일 상단과 파일 </style></head></html>하단에 입력하는 것입니다. 그러면 태그 세트간에 CSS 인텔리 센스 지원이 제공됩니다. 편집이 완료되면 HTML 태그와 파일 연결을 제거 할 수 있습니다.
또 다른 대안은 파일 이름을 '.less.css'로 지정한 다음 마스터 페이지 또는 기본 CSS 파일 (@import 문으로 다른 모든 CSS 파일을로드하는 파일)에서 해당 파일에 대한 참조를 변경 한 다음 덜 구성하는 것입니다. Web.Config 파일의 'handlers'섹션에서 다음과 같이 핸들러를 처리합니다.
<add name="LessCssHandler" type="dotless.Core.LessCssHttpHandler,dotless.Core" path="*.LESS.CSS" verb="*" />
그런 다음 구문 강조가 표시되고 제대로 작동하지 않으며 vs에 새 파일 확장자를 설정하거나 vs 애드 인을로드 할 필요가 없습니다. 이는 개발자가 1 명 이상인 경우 편리합니다.
단일 파일을 사용하여 색상 등을 정의하는 경우 '.less'라는 이름을 지정하고 @import 'exampledefs.less'를 사용하여 각 .less.css 파일로 가져와야합니다. 해당 파일 내의 문.
저는 MindscapeWebWorkbench를 정말 즐기고 있습니다. .less 지원을 제공하는 VS 2010 용 무료 플러그인입니다. 또한 확장은 .Sass 및 Coffee 스크립트 지원과 함께 제공됩니다!
한 번 해봐!
Ahh, Hanselman 승인 ;)
늦은 답변이지만 이것은 "순수한"VS2010에서 문제를 해결하는 끔찍한 방법입니다.
#if DEBUG
<html><head><style>
#endif
파일 상단에
#if DEBUG
</style></head></html>
#endif
파일 하단에
이 확장은 완전한 Intellisense를 제공합니다
http://visualstudiogallery.msdn.microsoft.com/e646c6ec-87a7-45ea-81e8-d655a3d3e73e
Crunch 사용을 적극 권장합니다 : http://crunchapp.net/
Visual Studio (Express 포함)를 사용하면 Crunch로 Less 파일을 열 수 있습니다. 사실, Visual Studio에서 열지 않고 파일을 편집하기 위해 Crunch를 열지 만 어쨌든 Crunch를 사용하는 데는 여러 가지 이유가 있습니다. 가장 큰 이유는 Crunch가 Less 코드를 가져와 순수한 CSS 파일로 컴파일하기 때문입니다. 장점은 웹 사이트에 less.js 스크립트를 포함 할 필요가 없다는 것입니다. 이렇게하면 추가 오버 헤드를 피할 수 있고 적은 코드를 작성할 수 있습니다. VS에서 적은 파일을 두 번 클릭하고 파일을 편집 한 다음 CSS 스타일 시트 위에 "크 런칭"(또는 저장)합니다. 크런치로 생성 된 순수한 CSS를 만질 필요가 없습니다.
Web Essentials 2012에 대해 언급 한 사람은 없습니다.
http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6
다음과 같이 IIS 서버에 MIME 유형을 추가해야했습니다.
신장: .less
MIME 유형 : text/css
'code' 카테고리의 다른 글
| 두 개의 서브 플롯이 생성 된 후 x 축을 어떻게 공유합니까? (0) | 2020.12.05 |
|---|---|
| Android API를 사용하여 Android에서 Wi-Fi 네트워크의 이름을 얻는 방법은 무엇입니까? (0) | 2020.12.05 |
| Chrome은 Safari 및 Firefox와 다르게 색상을 렌더링합니다. (0) | 2020.12.05 |
| 치명적인 오류 : 메모리가 부족하지만 메모리가 충분합니다 (PHP). (0) | 2020.12.05 |
| 람다 식을 대리자 또는 식 트리 형식으로 먼저 캐스팅하지 않고 동적으로 전달 된 작업에 대한 인수로 사용할 수 없습니다. (0) | 2020.12.05 |