Visual Studio 2013 Express for Web 설치 및 사용 방법

저도 몰랐는데 HTML5를 가장 완벽하게 지원하는 통합 개발 환경이 바로 

Visaul Studio 2013 Express for Web 라고 하는군요.

그래서 저는 Visual Studio 2013 Express for Web를 설치해 보도록 하겠습니다.

다운받는곳 -> http://www.visualstudio.com/downloads/download-visual-studio-vs

위에서 설치를 하면 아래와 같은 파일이 설치가 될 것 입니다.

이 설치 파일을 클릭해서 로그인도 해주고 설치를 해 주면 됩니다.

그러면 설치는 다 했다고 가정할게요(설치하는데 좀 오래걸요~^^;;)

자~ 다 설치했습니다.!

이제 설치한 Visual Studio 2013 Express for Web를 실행시켜줍니다.

일단 이 개발툴에서 어떻게 사용하는지 확인해야겠죠?

간단하게 한번 알아보도록 할게요

이렇게 HTML파일을 생성해 줍니다.

첫 화면은 위 처럼 보여질 것 입니다.

여기다가 문장을 한번 입력해 볼게요

고급스러운 저의 영어표현 후훗(ㅈㅅ;;)

이렇게 작성을 하였으면 Ctrl + S 를 이용하여 저장을 합니다.

그러면 이렇게 HTML 파일이 생성이 됩니다.

실행을 할려면 여기서 직접 클릭해도 되고 아니면 밑에처럼 해도 됩니다.

짠~

그리고 더욱 신기한거!

여기서 오른쪽 마우스 클릭해서 요소검사를 클릭하면

요렇게! 제가 코딩한것이 보이죠?ㅎㅎ

정리

CTRL + S : 저장