vue admin work x

관리자 WorkX

소개:

관리 업무

오늘날 가장 인기 있는 기술 프레임워크 사용: Vue3 + Webpack + Typescript + Element Plus

특성:

• 일반적으로 사용되는 템플릿
  • 일반적으로 사용되는 템플릿이 내장되어 있어 대화형 레이아웃을 고려할 필요가 없어 효율적으로 개발할 수 있습니다.
• 기본 스타일
  • 스타일이 아름답고 우아하며 Naive Ui와 원활하게 연결되며 원하는 대로 페이지를 결합할 수 있습니다.
• 레이아웃 계획
  • 다양한 레이아웃 요구 사항을 충족할 수 있는 높은 구성 가능성을 갖춘 풍부한 레이아웃 모드
• 기술지원
  • 고품질 애프터 기술 지원과 완벽한 문서를 통해 절반의 노력으로 두 배의 결과를 얻을 수 있습니다.
• 최신 기술 스택
  • Vue3, Vite2, TypeScript, NaiveUI, Pinia 등 최신 기술 스택을 기반으로 개발되었습니다.
• 가볍고 빠른 핫 리로드
  • 애플리케이션 크기에 관계없이 항상 매우 빠른 모듈 핫 리로드(HMR)
• 풍부한 예
  • 일반적인 웹 플러그인 예제 구현
• 구성 요소 캡슐화
  • 기본적인 작업 요구 사항을 충족하기 위해 일일 사용 빈도가 높은 구성 요소를 2차 포장합니다.
• 테마 구성
  • 풍부한 테마 구성 및 어두운 테마 적용
• 권한 관리
  • 완벽한 프런트엔드 및 백엔드 권한 관리 솔루션

프로젝트 주소:

• ? 문서 주소

• ? 데모 주소(Vue3.x + Typescript + Webpack + ElementPlus)

Vue 관리 작업 시리즈의 다른 오픈 소스 프로젝트의 데모 주소

• ? Vue 관리자 작업 데모 주소(Vue2.x + Javascript + Element UI + Webpack)

• ? Vue Admin Work X 데모 주소(Vue3.x + Typescript + Element Plus + Webpack)

• ? Vue Admin Work P 데모 주소 (Vue3.x + Typescript + Navie UI + Vite2)

• ? Vue 관리자 작업 데모 주소(Vue3.x + Typescript + Antd + Vite2)

• ? Arco Work 데모 주소(Vue3.x + Typescript + Arco Design + Vite2)

이제 WeChat 기술 교류 그룹에 친구를 추가하고 초대해야 합니다. 토론을 위해 그룹에 참여하려면 WeChat 공식 계정을 팔로우하고 친구를 추가하세요.

각 버전의 소스 코드와 WeChat 복지 그룹에 가입하는 방법이 포함된 WeChat 공개 계정知码前端에 주목하세요.

군중에게 적합

• vue/element-plus를 개발 중이거나 사용하려는 경우 특정 프로그래밍 지식이 있는 것이 가장 좋으며, 원래 이미지 자르기 및 정적 페이지 작성에만 종사했던 사람들은 프런트 엔드 기능을 향상시키고 싶어합니다.
• Vue.js 기술 스택에 익숙하며 이를 사용하여 여러 실제 프로젝트를 개발했습니다.
• 원리와 기술에 관심이 있고 발전하고 발전하고 싶은 학생.

다운로드 및 설치

• 다운로드

  git clone -b master https://github.com/qingqingxuan/vue-admin-work-x.git

• 프로젝트 디렉토리를 입력하세요

   cd admin-work-x

• 종속성 설치

  npm install

• 달리다

  npm run dev

기여하는 방법

우리와 함께 하시길 진심으로 환영합니다! 문제를 제기하거나 Pull Request를 제출하세요.

풀 요청:

1. 포크 코드!
2. 나만의 브랜치 만들기: git checkout -b feat/xxxx
3. 변경 사항 제출: git commit -am 'feat(function): add xxxxx'
4. 브랜치를 푸시하세요: git push origin feat/xxxx
5. pull request 제출

Git 기여 제출 사양

• Vue 사양 참조(Angular)

  • feat 새로운 기능을 추가합니다
  • 수정문제 fix /BUG
  • style 코드 스타일은 관련되어 있으며 실행 결과에 영향을 주지 않습니다.
  • perf 최적화/성능 개선
  • refactor
  • revert 취소
  • test 테스트 관련
  • docs /메모
  • chore 업데이트/스캐폴딩 구성 수정 등
  • workflow 작업 흐름 개선
  • ci 지속적 통합
  • types 유형 정의 파일 변경
  • wip 개발중입니다

브라우저 지원

로컬 개발의 경우 Chrome 80+ 브라우저 사용을 권장합니다.

최신 브라우저를 지원하고 IE는 지원하지 않습니다.

즉	가장자리	파이어폭스	크롬	원정 여행
지원하지 않음	최근 2개 버전	최근 2개 버전	최근 2개 버전	최근 2개 버전

특별한 감사

vue3.x
요소 플러스
vue-라우터-다음
피니아
액시오스
mockjs
전자 차트

장점 및 주의사항

vue-admin-work 有如下优势:
1. 支持前端控制路由权限和后端控制路由模式
2. 支持 mock ，完全独立于后台
3. 提供了非常多的 mxin 代码块，方便集成各种功能
4. 内置了大量常用的组件，比如，上传，消息提示等
5. 支持多主题、多布局切换
使用注意事项:
1. 项目默认使用使用vscode工具进行开发，也是唯一推荐的开发工具
2. 项目默认eslint校验规范

렌더링