Visual Studio Code로 시작하는 ASP입니다.NET Core Blazor WebAssembly

4269 단어 C#tech
안녕하세요!
이 보도에 따르면, ASP.다음은 Visual Studio Code로 NET Core Blazor(이하 Blazor) 개발을 시작하는 방법에 대해 설명합니다.

.NET SDK 설치


. NET SDK가 아직 설치되어 있지 않은 경우 다음 링크를 통해 다운로드하고 설치하십시오.
(2021년 2월까지 최신 버전.NET5 링크)
https://dotnet.microsoft.com/download/dotnet/5.0

Visual Studio Code 설치


사용하는 OS에 해당하는 설치 프로그램을 가져와 실행할 수 있습니다.
https://azure.microsoft.com/ja-jp/products/visual-studio-code/

설치에 필요한 확장


Blazor를 실행하는 데 필요한 최소한의 확장 기능을 설치하십시오.

C# for Visual Studio Code


① Visual Studio Code 시작
② Extensions 를 선택하여 검색할 C#for Visual Studio Code 를 입력합니다.
image.png
③ C#for Visual Studio Code 를 선택하고 Install 을 클릭합니다.
image.png

Blazor 애플리케이션 제작 및 시작 방법


프로그램 생성:dotnet newblazorwasm-o 프로그램 이름


① Visual Studio Code의 터미널 표시
image.png
② 터미널에서 "dotnet new blazorwasm-o Hello Blazer"실행
dotnet new blazorwasm -o HelloBlazor
③ 명령 실행이 완료되면 Blazor 애플리케이션의 디렉토리를 생성합니다.
image.png
다음은 Blazor의 프로젝트 구성에 대한 해설에 관한 글입니다. 프로젝트 구성에 관심이 있으신 분들은 반드시 참조하시기 바랍니다.
https://blogs.jp.infragistics.com/entry/2020/12/10/150516
④ Visual Studio Code를 사용하여 Hello Blazor 디렉토리를 엽니다.
※ 터미널에서 아래 명령을 실행하면 오픈 가능
code HelloBlazor
image.png

구축 및 실행:dotnet run


① Visual Studio Code의 터미널 표시
②dotnet run 명령을 실행한 후 Blazor의 실행 환경 구축
dotnet run
image.png
③ 구축 후 방문https://localhost:5001Hello,world!대화 상자가 완료되었습니다.
image.png

권장되는 확장 기능


Razor+


이것은 Razor 파일 코드를 쉽게 보고 음영처리를 할 수 있는 확장 기능입니다.
보기 쉽고 인코딩 효율이 높아서 추천합니다.
https://marketplace.visualstudio.com/items?itemName=austincummings.razor-plus

Blazor Snippets


Blazor에서 자주 사용하는 별명 애완동물을 설치했다.
정형화된 코드를 효율적으로 인코딩할 수 있기 때문에 작업 효율을 높이는 데 추천하는 확장 기능입니다.
https://marketplace.visualstudio.com/items?itemName=ScottSauber.blazorsnippets

총결산


Visual Studio Code는 Windows/Mac 사용자나 IDE에 상관없이 다양한 플랫폼을 지원합니다.
Blazor는 Visual Studio Code에서도 편안하게 개발할 수 있습니다.

개발에 대한 모든 문의는 저에게 맡기세요!


일본 내에서는 플랫폼별 특별기술 훈련과 개발을 전반적으로 지원한다.
이어 "구기술과 지원이 끝나는 플랫폼에서 벗어날 필요가 있지만, 목적지를 옮기는 플랫폼과 틀에 대한 검토는 진전이 없고 견해도 없다"고 덧붙였다.
이어 "새로운 개발 기술을 도입하고 싶지만 자사 내에는 전문가가 없다"며 "일본어 자원도 적어 개발을 추진할 수 있을지 모르겠다"고 덧붙였다.
이어 "당사 구성원들은 개발을 추진하려고 하지만 지금까지 외부 공급업체에 의존해 개발해 도구와 기술에 대한 이해가 부족하다"고 덧붙였다.
"UI를 새로 고치고 싶어요. UI 디자인과 UI/UX에 대한 논의 방법을 모르겠어요. 외부 디자인 회사에 의뢰하면 개발이 어렵지 않을까 걱정이에요."
이런 상담을 받다.
문의는 언제든지 문의여기.하십시오.

좋은 웹페이지 즐겨찾기