vue clownfish admin 다운로드 -Vue vue clownfish admin 소스 코드 다운로드

vue clownfish admin

기타 카테고리

v1.3.1

다운로드

vite + vue3 + antd + 타입 스크립트 관리 배경 간단한 프레임 워크

? 소개

Vue-Clownfish-Admin은 VUE의 최신 기술 스택으로 백엔드 관리 프론트 엔드의 간단한 프레임 워크입니다. VUE3을 기반으로 한 통합 VUE3의 최신 생태계의 핵심 라이브러리가 구현됩니다. 주요 기술 스택은 ES2015+, TypeScript, VUE3, PINIA, VUE-ROUTER, VITE, Antd이며, 이러한 기술로 인해이 프로젝트를보다 쉽게 시작할 수 있다는 것을 알고 있습니다. 이 프로젝트는 vite 기반으로하며 vue3 개발 기술로 사용합니다.

이점

현재 최신 기술 개발 (Vite, Vue3, TS, Pinia)을 거의 사용하십시오.
레이아웃 구성 요소의 디커플링은 쉽게 전환하고 구성 요소를 교체 할 수 있습니다.
경량 템플릿, 저 학습 비용

주요 기능

사이드 바 메뉴를 동적으로 생성합니다 (멀티 층 중첩 및 외부 링크 지원)
빵 잔해를 동적으로 생성합니다
탐색 탭 페이지 (정렬 드래그, 오른쪽 -팝 -UP 메뉴, 페이지 새로 고침 등을 클릭)
사이드 바 메뉴, 빵 부스러기 및 탭은 모두 아이콘 아이콘 (Antd Icon 및 SVG)을 지원합니다.
경로 구성 동적 캐시 페이지를 기반으로합니다
동적 라우팅 페이지
동적 메뉴
경로 권한 구성
CSS 코드에 접두사를 자동으로 추가하여 스타일이 다른 브라우저에 적응하도록합니다.
개발에 JSX/TSX 사용을 지원하십시오
모의 시뮬레이션 인터페이스를 지원합니다
다중 반대 구성

개발 준비

 # 克隆项目
git clone https://github.com/1esse/vue-clownfish-admin.git

# 进入目录
cd vue-clownfish-admin

# 下载依赖包
npm install # 使用npm
yarn # 使用yarn

# 启动项目
npm run dev # 使用npm
yarn dev # 使用yarn

스크립트 명령

DEV : 지역 개발
단계 : 사전 종선 환경 개발
빌드 : 포장 품목 코드
빌드 : 단계 : 포장 프리 릴레레스 환경 코드
미리보기 : 포장 후 아이템 미리보기

• 이것을 이해하는 것이 도움이 될 수 있습니다

SRC/구성 요소, Antd 구성 요소, Antd 아이콘은 확장 할 필요가 없습니다 (TSX 제외).
VUE, PINIA, VUE-ROUTER, SRC/UTILS 및 SRC/COMPOSABLE 하의 기능은 명시적인 가져 오기가 필요하지 않습니다 (vite.config.ts에서 구성 할 수 있음).
Flex, 그리드 및 기타 CSS 스타일과 같은 여러 브라우저에 적응할 필요가 없으며 프레임 워크에는 자동 적응이 장착되었습니다.
대부분의 장면은 PX 대신 REM을 사용하여 더 다른 해상도 화면을 조정하는 것이 좋습니다.