Blog.Vue

(★ 500)

☘ 一个vue的个人博客项目，配合.net core api教程，打造前后端分离

파일 탐색기

최종 버전 다운로드 (.zip)
  • .browserslistrc
  • .dockerignore
  • .eslintrc.js
  • .gitattributes
  • .gitattributes.txt
  • .gitignore
  • babel.config.js
  • Build.bat
  • Dockerfile
  • LICENSE
  • package-lock.json
  • package.json
  • postcss.config.js
  • README.md
  • StopContainerImg.sh
  • tsconfig.json
  • vue.config.js
  • vueblog.nginx.conf

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/anjoy8/Blog.Vue

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

cd Blog.Vue

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

2. Docker

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker build -t blog-vue .

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

docker run -p 8080:80 blog-vue

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

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

3. Node.js

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

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

npm run serve

이 명령어를 터미널에 그대로 입력해 실행하세요.

npm run build

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

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

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

오늘의 추천 프로젝트

awesome-react ★ 74,352

React 생태계에 관한 멋진 자료 모음
act ★ 71,587

GitHub Actions를 로컬에서 실행하세요 🚀

Go
excalidraw ★ 130,146

손으로 그린 듯한 다이어그램을 스케치하기 위한 가상 화이트보드

TypeScript
the-book-of-secret-knowledge ★ 239,592

영감을 주는 리스트, 매뉴얼, 치트시트, 블로그, 핡(hacks), 원라이너(one-liners), CLI/웹 도구 등의 모음입니다.
Understand-Anything ★ 80,004

감동을 주는 그래프보다 가르쳐주는 그래프가 더 좋습니다. 어떤 코드든 탐색하고, 검색하고, 질문할 수 있는 인터랙티브 지식 그래프로 변환하세요. Claude Co

TypeScript
caveman ★ 96,051

🪨 why use many token when few token do trick — 원시인처럼 말해서 토큰 65%를 줄여주는 Claude Code 스킬

JavaScript
// repository documentation