Visual Studio 2010 전단 개발 도구/확장/플러그 인 추천

어떻게 하면 Visual Studio 가 HTML 5,CSS 3,JavaScript,jQuery 를 잘 작성 할 수 있 습 니까?다시 말 하면 어떻게 하면 전단 개발 을 잘 할 수 있 습 니까?Visual Studio 2010 은 플래그 십 이 든 무료 버 전이 든 전단 개발 에 충분 한 최적화 가 되 지 않 았 다.VS 가 기본적으로 이 물건 들 을 설치 하 기 를 바라 지 마 세 요.우 리 는 VS 의 확장 이 많 지만 사용 합 니 다.
여기 열 거 된 대부분의 확장 자 는 Extension Manager(Tools>Extension Manager)를 사용 하여 설치 할 수 있 습 니 다.Visual Studio Gallery사 이 트 를 통 해 이 확장 자 를 다운로드 할 수 있 습 니 다.
Web Standards Update for Visual Studio
다운로드:Web Standards Update for Microsoft Visual Studio 2010 SP1
이것 은 제 가 추천 한 첫 번 째 HTML 5,CSS 3 와 JavaScript 코드 의 확장 입 니 다.마이크로소프트 Visual Web Developer team 에서 개 발 했 습 니 다.HTML 5 schema 의 지원 을 포함 하여 CSS 3 와 JavaScript 의 스마트 힌트 를 개선 하 였 습 니 다.비록 Visual Studio Service Pack 1 은 HTML 5 schema 의 지원 을 제 공 했 지만 이것 을 사용 하 는 것 을 추천 합 니 다.이것 에 대한 더 많은 정 보 는 방문 하 십시오:Web Standards Update - behind the scenes
JScript Editor Extensions
다운로드:JScript Editor Extensions
C\#의 문법 하 이 라이트,영역 대강 접 기 등 기능 에 익숙 해 졌 을 수도 있 습 니 다.자 바스 크 립 트 는 기본적으로 지원 되 지 않 습 니 다.이 플러그 인 은 이 일 을 하 는 것 입 니 다.

JScript Editor 확장 자 를 설치 하면 다음 과 같은 다른 확장 자 를 열 고 사용 하지 않 을 수 있 습 니 다.Brace Matching,JScript Intellisense,Outlining and Word Highlighter.가끔 은 확장 에 의존 하 는 것 도 좋 습 니 다.예 를 들 어 Jquery UI 는 Jquery 에 의존 합 니 다.

이 확장 에 관 한 동 영상Channel9을 보십시오.
Mindscape Web Workbench
다운로드:Mindscape Web Workbench
Scott Hanselman 은 Visual Studio 의'Mindscape Web Workbench'확장 을 전문 적 으로 설명 하 는 게시 물이 있 는데 Coffee Script,SAS,LESS 에 대한 지원 을 추가 했다.확장 이 너무 많 을 까 봐?필요 없어,개발 자로 서 필요 해.
    Coffeescript:Coffee Script 는 코드 를 JavaScript 로 컴 파일 할 수 있 는 언어 입 니 다.
    SAAS:Sass 는 CSS 3 에 대한 확장 으로 variables,mixins,선택 기 통합 등 기능 을 추가 했다.CSS 코드 를 표준화 하고 포맷 할 수 있 으 며 VS 확장 을 사용 하면 코드 를 자동 으로 포맷 할 수 있 습 니 다.
    LESS:LESS 와 SASS 유형 도 variables,mixins 에 대한 지원 을 제공 하지만 그 는 서버 엔 드 서버 와 코드 를 표준 CSS 로 바 꾸 는 플러그 인 을 제공 합 니 다(클 라 이언 트 를 통 해 자바 스 크 립 트 라 이브 러 리 를 실행 합 니 다).
JSLint.VS2010
다운로드:JSLint.VS2010
JSlint 이름 을 보 았 을 때 자 바스 크 립 트 를 사용 하지 않 으 면 전단 개발 을 할 수 없다 는 것 을 느 낄 수 있 습 니 다.하지만 JS 코드 를 어떻게 사용 하고 검증 하 는 지 JSlint 가 해 줄 수 있 습 니 다.이 플러그 인 을 사용 하면 처음에는 기분 이 좋 지 않 을 수도 있 습 니 다.왜냐하면 그 는 C\#와 같은규칙.(예 를 들 어 일부 변 수 는 성명 을 했 지만 사용 하지 않 았 습 니 다)를 많이 사용 해서 컴 파일 할 때 경 고 를 알 렸 기 때 문 입 니 다.그러나 시간 이 지나 면 나 쁜 습관 을 많이 고 쳐 주 고 코드 를 쉽게 유지 할 수 있다 는 것 을 알 게 될 것 이다.


(코드 가 실 행 될 수 있 지만 많은 경 고 를 알려 주 는 것 을 볼 수 있 습 니 다)
온라인 버 전 을 볼 수 있 습 니 다:http://jslint.com
jQuery IntelliSense
asp.net MVC 3 프로젝트 를 만 들 때 jQuery 와 jQuery 스마트 알림 이 포 함 된 파일 입 니 다.다른 유형의 프로젝트 에서 jQuery 스마트 알림 을 사용 하려 면 jQuery.vsdoc 의 NuGet 패 키 지 를 다운로드 하여 실현 할 수 있 습 니 다.그러나 jQuery 1.6 이후 버 전 은 기본적으로 NuGet 패키지 에 이 vsdoc 파일 이 포함 되 어 있 습 니 다.따로 다운로드 하지 않 아 도 됩 니 다.


Image Optimizer (by Mads Kristensen)
다운로드:Image Optimizer
Visual Studio 의 확장 도구 인 Image Optimizer 는 SmushIt 와 PunyPNG 를 사용 하여 압축 그림 을 최적화 합 니 다.프로젝트 그림 폴 더 에서 이 확장 을 실행 하면 이 디 렉 터 리 에 있 는 모든 그림 파일 을 압축 할 수 있 습 니 다.압축 비율 은 통상 15 퍼센트 에서 40 퍼센트 이다.

 
기타 테스트 되 지 않 은 도구
    JSEnhancements:JSscript Editor 확장 과 유사 하 며,대강 과 JavaScript/CSS 하 이 라 이 트 를 제공 합 니 다.
    CSS 3 intellisense schema
    Chirpy:JS,Css,DotLess 파일 을 처리 하 는 VS add-in
    ReSharper 6많은 개발 자 들 이 이미 사용 한 도구 로 자바 스 크 립 트 와 CSS(유 료 소프트웨어)를 지원 합 니 다.
ASP.NET MVC & HTML5 templates
NuGet 을 통 해 MVC 3 프로젝트 에 이 템 플 릿 을 다운로드 합 니 다.이 템 플 릿 은 더 많은 새로운 HTML 5 요소(예 를 들 어 input 의 type 새로운 유형의 Email,Tel,URL 등)를 지원 합 니 다.정확히 말 하면 도구 가 아니 지만 재 미 있 기 때문에 이 게시 물 에 나열 되 어 있 습 니 다.

여러분 에 게 좋 은 도구 가 있다 면 댓 글 에 답 해 주세요.감사합니다.
원본 주소:http://blogs.msdn.com/b/katriend/archive/2011/09/12/my-favorite-tools-to-optimize-visual-studio-for-webdev.aspx
이상 의 이 Visual Studio 2010 전단 개발 도구/확장/플러그 인 추천 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.