Mac 및 Visual Studio Code에서 ASP.NET

목적



다른 쪽의 투고에서도 이미 Mac에서 ASP.NET 쓰고 움직여 보겠다는 것은 많습니다만, MS 튜토리얼 포함해, 약간 자신이 곤란한 일도 있었으므로, 정리해 보았습니다.

참고



.NET Core installation guide
.NET Core and Visual Studio Code
Yo Code - Extension Generator

준비



Visual Studio Code 설치



htps : // 여기.ゔぃ ああ ls つぢ오. 코m/로 이동하여 다운로드하여 설치합니다.

.NET Core 설치



터미널을 시작하고 다음과 같이 명령을 실행합니다.
brew update
brew install openssl
mkdir -p /usr/local/lib
ln -s /usr/local/opt/openssl/lib/libcrypto.1.0.0.dylib /usr/local/lib/
ln -s /usr/local/opt/openssl/lib/libssl.1.0.0.dylib /usr/local/lib/

위 작업을 마친 후 "Install .NET Core SDK"에 official installer라는 링크가 있으므로 거기에서 설치 프로그램을 다운로드하고 SDK를 설치하는 것이 좋습니다.

C# extension을 VS Code Marketplace에서 찾아서 설치



Visual Studio Code를 시작한 후 ⌘+P를 누르고 다음 명령을 실행합니다.
ext install csharp

그러면 아래 그림과 같은 화면이 되므로 맨 위의 것을 설치합니다. MS의 녀석이네요.


설치가 완료된 후 다시 시작하면 C# IntelliSense가 활성화됩니다.

Yeoman generator 설치



터미널에서 다음 명령을 실행합니다.
npm install -g yo grunt-cli generator-aspnet bower

새 프로젝트 만들기



터미널을 시작한 후 원하는 디렉토리로 이동하여 다음 명령을 실행합니다.
yo aspnet

그러면 터미널에 다음과 같은 문자가 표시됩니다.
$ yo aspnet

     _-----_     ╭──────────────────────────╮
    |       |    │      Welcome to the      │
    |--(o)--|    │  marvellous ASP.NET Core │
   `---------´   │        generator!        │
    ( _´U`_ )    ╰──────────────────────────╯
    /___A___\   /
     |  ~  |     
   __'.___.'__   
 ´   `  |° ´ Y ` 

? What type of application do you want to create? (Use arrow keys)
❯ Empty Web Application 
  Empty Web Application (F#) 
  Console Application 
  Console Application (F#) 
  Web Application 
  Web Application Basic [without Membership and Authorization] 
  Web Application Basic [without Membership and Authorization] (F#) 
(Move up and down to reveal more choices)

우선 Web Application 를 상하 화살표 키로 선택한 후 Enter 합니다.

다음은 UI의 프레임워크 선택입니다.
$ yo aspnet

     _-----_     ╭──────────────────────────╮
    |       |    │      Welcome to the      │
    |--(o)--|    │  marvellous ASP.NET Core │
   `---------´   │        generator!        │
    ( _´U`_ )    ╰──────────────────────────╯
    /___A___\   /
     |  ~  |     
   __'.___.'__   
 ´   `  |° ´ Y ` 

? What type of application do you want to create? Web Application
? Which UI framework would you like to use? (Use arrow keys)
❯ Bootstrap (3.3.6) 
  Semantic UI (2.1.8) 

이번에는 Bootstrap (3.3.6)를 선택해 보았습니다.

마지막으로 프로젝트 이름입니다. 아무것도 입력하지 않으면 기본 이름입니다.
$ yo aspnet

     _-----_     ╭──────────────────────────╮
    |       |    │      Welcome to the      │
    |--(o)--|    │  marvellous ASP.NET Core │
   `---------´   │        generator!        │
    ( _´U`_ )    ╰──────────────────────────╯
    /___A___\   /
     |  ~  |     
   __'.___.'__   
 ´   `  |° ´ Y ` 

? What type of application do you want to create? Web Application
? Which UI framework would you like to use? Bootstrap (3.3.6)
? What's the name of your ASP.NET application? (WebApplication) 

그리고는, 오로지 (라고 해도, 그렇게 시간은 걸리지 않는다고 생각합니다) 기다립니다.
완료 후 마지막 부분의 내용대로 명령 실행 (아래 참고) 해보고 싶습니다.
Your project is now created, you can use the following commands to get going
    cd "WebApplication"
    dotnet restore
    dotnet build (optional, build will also happen when it's run)
    dotnet ef database update (to create the SQLite database for the project)
    dotnet run
dotnet run 그런 다음 브라우저에서 http://localhost:5000에 액세스합니다.
그러면 우선 ASP.NET 웹 페이지가 완성되었습니다.


본직은 SQL Server인 느낌입니다만, 이것을 베이스로, 조금 Web 앱 만들어 공부하고 싶었습니다.

좋은 웹페이지 즐겨찾기