YummyAdmin

맛있는관리자

Vue 3 및 Naive UI 기반 관리자 패널. RTL 지원, 아름다운 디자인, 무료, 즉시 사용 가능, 다른 사용 사례에 대한 확장 가능 등 거의 완벽함

참고 : 이 프로젝트는 현재 진행 중이며 100% 준비되지 않았습니다.

라이브 데모

참고 : 이 프로젝트는 ViteSSE 템플릿을 사용하여 빌드되었으며 NaiveUI를 구성 요소 라이브러리로 사용합니다.

특징

• Vue 3, Vite, pnpm, esbuild - 견고함을 바탕으로 탄생

• 전자상거래 준비 섹션(제품, 카테고리, 주문, 고객)

• 파일 기반 라우팅

• 구성요소 자동 가져오기

• Pinia를 통한 상태 관리

• 레이아웃 시스템

• PWA

• UnoCSS - 즉각적인 주문형 원자 CSS 엔진

• I18n 준비

• Vitest를 사용한 단위 테스트, GitHub Actions에서 Cypress를 사용한 E2E 테스트

• 구성이 필요 없는 Netlify에 배포

지금 사용해 보세요!

YummyAdmin에는 Node >=18.18이 필요합니다.

로컬로 복제

 npx 숫자 https://github.com/doroudi/yummyadmin my-yummy-admincd my-yummy-admin
pnpm i # pnpm이 설치되어 있지 않으면 다음을 실행합니다: npm install -g pnpm

체크리스트

이 템플릿을 사용할 때 체크리스트에 따라 정보를 올바르게 업데이트해 보세요.

• LICENSE 에서 작성자 이름 변경

• locales/en.yaml 에서 제목을 변경하세요.

• vite.config.ts 에서 호스트 이름을 변경하세요.

• public 으로 파비콘 변경하기

• 자금 정보가 포함된 .github 폴더를 제거하세요.

• README 정리 및 경로 제거

그리고 즐기세요 :)

개발

그냥 실행하고 http://localhost:7000을 방문하세요.

 pnpm 개발:모의

짓다

앱을 빌드하려면 다음을 실행하세요.

 pnpm 빌드

그러면 제공될 준비가 된 생성된 파일이 dist 에 표시됩니다.

Netlify에 배포

Netlify로 이동하여 클론을 선택하고 OK . 그러면 앱이 1분 안에 활성화됩니다.

Docker 프로덕션 빌드

먼저 프로젝트 루트 디렉터리에서 터미널을 열어 vitesse 이미지를 빌드합니다.

 도커 빌드x 빌드 . -t yummyadmin:최신

이미지를 실행하고 -p 플래그를 사용하여 포트 매핑을 지정합니다.

 docker run --rm -it -p 8080:80 yummyadmin:latest