Visual Studio C# 및 ASP.NET과 함께 Windows에서 Compass 사용

StackOverflow https://stackoverflow.com/questions/1214494

문제

표준 C# ASP.NET 환경에서 CSS/SASS용 Compass 개발을 수행한 사람이 있습니까?

Windows용으로 바로 다운로드할 수 있는 단일 배포판이 있습니까? 아니면 방정식의 모든 부분을 설치하고 직접 나침반을 만들어야 합니까?

빌드에서 Compass/SASS의 자동 처리, 구문 강조 및/또는 Intellisense 지원과 같이 VS2008을 사용하여 Compass를 더욱 친숙하게 개발할 수 있는 플러그인이 있습니까?

VS IDE 플러그인이 없는 경우 Compass에서 코딩을 처리하기 위한 독립형 텍스트 편집기에 가장 적합한 옵션은 무엇입니까?

도움이 되었습니까?

해결책

마지막 답변을 완료하려면 다음을 설치할 수 있습니다. 웹 워크벤치, Visual Studio 2010용 플러그인 추가 구문 강조, 지능 SASS 언어에 대한 기타 내용(SCSS 구문만 해당)

Compass 및/또는 다른 도구를 사용하여 CSS를 컴파일하려는 경우 내장 컴파일러를 비활성화해야 합니다.여기에 다른 SASS 컴파일러를 나열했습니다. ASP.NET에서 SASS 사용.

내장 컴파일러를 비활성화하려면:솔루션 탐색기에서 .scss 파일을 선택하고 속성 창으로 이동하여 사용자 지정 도구 상자에서 텍스트를 삭제합니다.

Web Workbench 3 이후로 이제 이 플러그인으로 컴파일하려는 항목을 더 쉽게 관리할 수 있습니다.Mindscape > Web Workbench 설정 메뉴 항목을 참조하세요.

다른 팁

나침반으로 시작하여

첫 번째 예, 루비와 나침반 소스를 설치하고 나침반 버전을 컴파일해야합니다. 시작하기.

나침반과 모든 종속성을 설치하고 구축 한 후 첫 프로젝트를 만들었습니다.

compass -f blueprint project-name

Blueprint CSS 프레임 워크에 대한 Compass가 포함 된 기본 프로젝트를 생성합니다. 현재 Compass의 이미지 디렉토리에 Grid.png 파일 작성과 Compass에 버그가 있으므로 소스 폴더에서 Original Grid.png를 복사해야합니다.

C:\Ruby\lib\ruby\gems\1.8\gems\chriseppstein-compass-0.8.10
    \frameworks\blueprint\templates\project

또는 모든 것을 설치 한 위치에 따라 유사하게 위치한 파일. ASP.NET에서 Compass로 작업하기위한 가장 중요한 변경 사항 중 하나는 Compass의 SASS 캐시 지침을 변경하는 것입니다. SASS 캐시는 프로젝트 디렉토리에 수많은 임시 폴더를 생성하여 소스 컨트롤 하에서 종료되면 결과가 좋지 않을 것입니다. Config.rb를 열고이 줄을 추가하십시오

sass_options = {:cache_location => 
    "#{Compass.configuration.project_path}\\tmp\\sass-cache"}

탈출 한 백 슬래시에 주목하십시오.

이 후에 나는 config.rb 내부에 이름을 지정하기 위해 나침반의 이름을 수정하고 Sass and Compass로 얻기 시작했습니다. 나침반 비디오 소개 시간을 보는 것이 좋습니다. 매우 도움이되고 그로부터 많이 배웠습니다. 화면 캐스트를보십시오.

이것이 나에게 보여준 것 중 하나는 파일 시스템 변경을 지켜보고 Sass를 CSS로 컴파일하는 나침반을 설정하는 방법이었습니다. 사용하여 

compass -w

이것은 나에게 잘 작동합니다. CSS 파일을 체크 아웃하거나 프로젝트가 동시 체크 아웃을 지원하지 않는 경우 소스 제어하에있는 경우에만 CSS 파일을 체크 아웃하거나 읽습니다.

편집하기 위해 Config.rb 파일에 대해 기본적으로 Ruby에 포함 된 Scite를 사용하거나 vs2008의 편집기 창 만 사용하고 있습니다. Sass를 위해 나는 큰 목록을 발견했다. Haml 웹 사이트. Sass의 구문 파일을 강조 표시 한 Jedit은 몇 가지를 시도한 후에 사용한 것입니다. 구문 강조 표시 용 VS 플러그인을 찾고 싶기 때문에 다른 편집기를 사용할 필요는 없지만 Jedit은 확실히 작업을 수행하고 있습니다.

내 대답은 약간 구식입니다. 원래 답변을 따르기 전에 Nuget 패키지를 탐색하는 것이 좋습니다. SASSANDCOFFEE. 자세한 내용은 여기에서 찾을 수 있습니다.

어떻게 작동합니까?

SassandCoffee는 DLL에 원래 컴파일러를 포함시켜 (이 글을 쓰는 시점에서 Sass 3.2.0 및 Coffeescript 1.1.0) 각각 Ironruby와 Jurassic을 사용하여 소스에 대한 컴파일러를 실행합니다.

이것이 왜 [someotherproject]보다 더 나은 이유는 무엇입니까?

No external processes are executed
You don’t have to install Ruby or node.js
It’s in NuGet so you don’t have to fiddle with web.config
Files are cached and are rebuilt as-needed.

여기에 또 다른 대안을 추가하고 싶었습니다. Compass가 SASS 파일을 빌드하고 ASP.NET 프로젝트를 빌드 할 때 CSS 파일을 포함하는지 확인하려면 프로젝트 섹션에서 프로젝트 (CSPROJ) 파일에 다음을 추가 할 수 있습니다.

<Target Name="AfterBuild" Condition="'$(Configuration)' == 'Release' ">
   <Exec Command="compass compile --output-style compressed --force" />
   <ItemGroup>
      <Content Include="Styles\*.css" />
   </ItemGroup>
</Target>
<Target Name="AfterCompile" Condition=" '$(Configuration)' == 'Debug' ">
    <Exec Command="compass compile" />
    <ItemGroup>
      <Content Include="Styles\*.css" />
   </ItemGroup>
</Target>

첫 번째 대상은 릴리스 용이며 CSS도 압축 할 것이며 다른 하나는 디버그 용입니다.

경로를 사용자 정의하려면 config.rb를 프로젝트 루트 폴더에 추가합니다.

css_dir = "Content"
sass_dir = "Content/Sass"

물론 이것은 나침반과 루비를 설치하고 기계의 경로에 있어야합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top