DevExpress/Blazor

JetBrain Rider에서 DevExpress를 활용한 Blazor 앱 개발 초기 설정 방법(dotnet 6)

하_늘_바_람 2022. 4. 7. 12:58

1.     폴더 만들기
mkdir NoticeApp

2.     해당 폴더(NoticeApp)로 이동해서 sln파일 만들기 실행
dotnet new sln
해당 폴더(NoticeApp)에 폴더명과 동일한 NoticeApp.sln 파일이 생성되어 있음.

3.     Rider 실행 후 해당 솔루션 파일을 열기

4.     솔루션에서 마우스 오른쪽 버튼 클릭 후 New Project를 선택

5.     아래의 그림과 같이 설정함.

 

6.     DevExpress Blazor를 설정하기 위해서 아래의 사이트 참조
https://docs.devexpress.com/Blazor/402564/get-started/microsoft-templates-nuget-cli

7.     Project 폴더로 이동한다. 명령어(Command) 창에서 아래의 명령어를 입력 후 실행
dotnet nuget add source https://nuget.devexpress.com/{
your-feed-url} /api

8.     명령어(Command) 창에서 아래의 명령어를 입력 후 실행
dotnet add package DevExpress.Blazor
dotnet restore

9.     _Layout.cshtml에 아래의 내용을 추가합니다.


10.  _Imports.razor파일에 아래의 내용을 추가합니다.
@using DevExpress.Blazor

11.  Program.cs 파일에 아래의 내용을 추가합니다.


12.  Index.razor 파일에 아래의 내용을 추가


13.  실행 결과