asp-net-core-vue-starter

(★ 556)

ASP.NET Core + Vue.js starter project

파일 탐색기

최종 버전 다운로드 (.zip)

- template.json
- launch.json
- settings.json
- tasks.json
- - favicon.ico
  - index.html
  - manifest.json
  - robots.txt
- - App.vue
  - main.ts
  - registerServiceWorker.ts
  - shims-tsx.d.ts
  - shims-vue.d.ts
  - shims-vuetify.d.ts
- .browserslistrc
- .eslintrc.js
- .gitignore
- .npmrc
- .prettierrc
- babel.config.js
- package-lock.json
- package.json
- package.md
- postcss.config.js
- README.md
- tsconfig.json
- vue.config.js
- WeatherForecastController.cs
- WeatherForecast.cs
- _ViewImports.cshtml
- Error.cshtml
- Error.cshtml.cs
.eslintrc.js
.gitattributes
.gitignore
appsettings.Development.json
appsettings.json
AspNetCoreVueStarter.csproj
AspNetCoreVueStarter.sln
CommandLine.cs
Dockerfile
Program.cs
README.md
screenshot.png
SoftwareAteliers.AspNetCoreVueStarter.nuspec
Startup.cs
vetur.config.js

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/SoftwareAteliers/asp-net-core-vue-starter

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd asp-net-core-vue-starter

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.

docker build -t asp-net-core-vue-starter .

Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.

docker run -p 8080:80 asp-net-core-vue-starter

빌드된 이미지를 실제 컨테이너로 실행합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

3. .NET

보통

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
.NET SDK dotnet 명령어를 쓰기 위한 SDK입니다.

dotnet restore

프로젝트에 필요한 패키지를 내려받습니다.

dotnet run

프로젝트를 빌드하고 바로 실행합니다.

✅ dotnet run 실행 후 터미널에 나타나는 안내 메시지나 주소를 확인하세요.

4. Node.js

쉬움

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

cd ClientApp

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.