수색…


소개

이 기사에서는 Visual Studio 코드를 사용하여 Asp.Net 코어를 설치하고 설치하는 것에 대한 아이디어를 제공합니다. 또한 기본 MVC 템플릿 및 디버깅을 만듭니다.

아래에 관련된 단계 ...

1 단계 - Visual Studio 코드를 설치합니다.

2 단계 - .Net 코어 및 C # 구성.

3 단계 - 기본 MVC 템플릿 만들기.

4 단계 - 응용 프로그램을 실행하고 디버그합니다.

비고

이 기사는 Visual Studio 코드 오픈 소스로 처음부터 설정하고 기본적인 .net 코어 mvc 애플리케이션을 만들고 디버깅하려고합니다.

  • 위에 사용 된 파일 위치는 사용자별로 변경됩니다 (제한 없음).
  • 설정을 다운로드하려면 인터넷이 필요합니다.

1 단계 - 비주얼 스튜디오 코드 설치


  • Visual Studio 코드를 여기에서 다운로드하십시오. Visual studio code . 대상 설치 프로그램 [mac | windows | linux]을 선택하십시오.

여기에 이미지 설명을 입력하십시오.


  • 해당 지역의 다운로드 파일로 이동하십시오.

여기에 이미지 설명을 입력하십시오.

  • 설치를위한 단계 아래

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

설치가 성공적으로 완료되었습니다.

2 단계 - .Net 코어 및 C # 구성.

Visual Studio 코드를 설치 한 후 .net 코어와 C #을 설정합니다.

여기에 이미지 설명을 입력하십시오.

  1. Visual Studio 코드를 실행하십시오.
  2. [ ctrl + P ]를 누릅니다.
  3. " ext install csharp "붙여 넣기를하고 히트합니다.

위 단계가 완료되면 C # 확장을 VS 코드에서 사용할 수 있습니다.

여기에 이미지 설명을 입력하십시오.

  • 이제 .net 코어를 구성하십시오.

.net core SDK를 여기 에서 다운로드 하십시오 . Windows => CommandLine을 선택하십시오.

여기에 이미지 설명을 입력하십시오.

아래처럼 sdk를 설치하십시오.

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

.Net 코어 SDK 설치가 성공적으로 완료되었습니다.

3 단계 - 기본 MVC 템플릿 만들기.


  • 새 프로젝트 폴더를 만들고 프로젝트 폴더의 위치와 함께 Windows 명령 프롬프트에서 엽니 다.

여기에 이미지 설명을 입력하십시오.

  • " dotnet new -t web "을 입력하고 누르십시오. 이것은 새로운 mvc 템플릿을 생성하기위한 것입니다.

여기에 이미지 설명을 입력하십시오.

  • 완료되면 프로젝트 위치로 이동하여 기본 mvc 프로젝트가 생성 된 것을 확인하십시오.

여기에 이미지 설명을 입력하십시오.

  • 그런 다음 " dotnet restore "를 입력하고 누르십시오. 이것은 project.json 파일에서 모든 패키지를 복원하는 것입니다.

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

  • 이제 VScode를 실행하고 프로젝트 폴더를 엽니 다.

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

이제 마침내 VS 코드에서 mvc 프로젝트를 볼 수 있습니다.

볼 수있는 모든 기본 mvc 구조 파일 [Model-View-Controller]

4 단계 - 응용 프로그램을 실행하고 디버그합니다.

VScode에서 프로젝트 폴더를 엽니 다.

샘플은 여기에 홈 컨트롤러에서 브레이크 포인트를 설정하고 있습니다.

여기에 이미지 설명을 입력하십시오.

이제 디버그 옵션을 클릭하십시오.

여기에 이미지 설명을 입력하십시오.

아래와 같이 디버그 설정을 추가하십시오. .Net 코어 실행 (웹)이 선택되었는지 확인하십시오.

여기에 이미지 설명을 입력하십시오.

여기에 이미지 설명을 입력하십시오.

언론 보도 실행 아이콘을 눌러 디버깅을 시작하면 중단 점을 볼 수 있습니다.

그런 다음 계속하십시오. 웹 페이지는 아래와 같이 브라우저에 표시됩니다. 여기에 이미지 설명을 입력하십시오.

웹 페이지가 고장난 것 같습니다.

" F12 "키를 누르거나 개발자 도구를 엽니 다.

콘솔에서 몇 가지 오류를 볼 수 있습니다.

여기에 이미지 설명을 입력하십시오.

몇 가지 부트 스트랩 및 jquery 파일이로드되지 않았습니다.

[VS 코드에서 Ctrl + Shift + f 를 사용하여 스크립트 및 CSS 파일을 찾고 누락 된 파일 이름 및 검색을 입력하십시오.]

레이아웃 파일에 cdn 또는 정확한 파일 위치가있는 스크립트를 추가하여이 문제를 해결하십시오.

여기에 이미지 설명을 입력하십시오.

이제 페이지를 새로 고침하고보세요.

여기에 이미지 설명을 입력하십시오.

이제 사이트가 정상적으로 보이고 더 이상 콘솔 오류가 발생하지 않습니다.

행복한 코딩.



Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow