2020 년 가장 흥미로운 Vue UI 구성 요소 라이브러리 15 개

2020 년 가장 흥미로운 Vue UI 구성 요소 라이브러리 15 개

2020 년 가장 흥미로운 Vue UI 구성 요소 라이브러리 15 개
СОДЕРЖАНИЕ
02 июня 2020

흥미로운 Vue UI 구성 요소 라이브러리


"Vue UI 구성 요소 라이브러리를 사용해야하는 이유?" Vue 또는 Vue.js는 프런트 엔드에서 동적 응용 프로그램을 만드는 데 사용할 수있는 널리 사용되는 JavaScript 라이브러리입니다. 2014 년에 시작된 이래로 지난 2 년 동안 추진력을 모았습니다. Vue는 Angular와 React의 주요 경쟁자로 부상했으며 Vue의 인기 이유 중 하나는 구성 요소 사용, 개발하기가 훨씬 쉬워졌습니다..

이 게시물에서, 가장 흥미로운 Vue UI 구성 요소 라이브러리를 다룹니다. 먼저 살펴 봐야합니다. 작품에 Vue 응용 프로그램이 있으면 확실히 유용합니다.!

1. 부 재료 키트

부 재료 키트

Vue Material Kit는 새로운 사이트 나 웹 앱을 구축 할 때 디자인 / 개발 프로세스 속도를 높이는 데 사용할 수있는 훌륭한 바로 가기입니다. JavaScript, Vuejs 및 Vue Router에 대한 기본 지식이 필요하지만 그 외에는 패키지를 이해하기 쉽고 아름답습니다..

키트의 일부로 60 개의 수공 구성품, 2 개의 맞춤형 플러그인 및 3 개의 예제 페이지가 있습니다..

2. Vuetify

Vuetify 홈페이지

Vuetify는 Vue를 통한 프레임 워크입니다. 깨끗하고 시맨틱하고 재사용 가능한 UI 컴포넌트 생성. Vue의 SSR (Server Side Rendering)과 함께 작동합니다.

Vue UI 구성 요소 라이브러리 중에서 Vuetify를 흥미로운 선택으로 만드는 이유는 사전 제작 된 vue-cli 템플릿의 형태로 코드 용 기성품 스캐 폴딩을 사용할 수 있다는 것입니다. 이렇게하면 빨리 시작할 수 있습니다. Vuetify는 또한 좋은 커뮤니티와 정기적 인 업데이트를 제공합니다.

삼. 부피

부피

부피 Vue 기반의 경량 UI 구성 요소 라이브러리입니다. 불마, CSS 프레임 워크. 이 프레임 워크는 Bulma와 함께 제공되지만 100KB 미만입니다..

SASS에 익숙하다면 집에서 편안하게 느낄 수 있습니다. Buef와 SASS의 유사점. 그러나 Buefy는 초보자 응용 프로그램에 사용할 기성품 구성 요소 목록을 제공하지만 대규모 프로젝트에서 작업하는 경우에는 충분하지 않을 수 있습니다..

4. 부 재료

부 재료

Vue Material은 Google의 최신 디자인 사양으로 설계된 확장 가능한 라이브러리입니다. 도서관에는 유용한 구성 요소 복잡한 앱 셸을 만드는 과정을 쉽게하기 위해.

170 만 회 이상 다운로드 된이 앱은 모든 화면에 맞는 앱을 빌드 할 수있는 경량 라이브러리를 제공합니다. Vue Material 라이브러리는 최신 웹 브라우저와 호환되며 API는 초보자에게 친숙하므로 2020 목록에 완벽합니다..

5. 피쉬 -UI

피쉬 UI

Fish UI는 웹팩 및 ES2015를 지원하는 경량 Vue UI 구성 요소 라이브러리 툴킷입니다.

글을 쓰는 시점에서이 프로젝트에는 5 명의 기여자가있었습니다. 그러나 지난 한 달 동안 활동이 있었으므로 여전히 활동 중임을 나타냅니다. 당신은 향할 수 있습니다 프로젝트 문서 시도해보기!

6. 퀘이사

퀘이사

Quasar는 Vue 기반의 프론트 엔드 프레임 워크입니다. 반응 형 웹 및 모바일 애플리케이션에서 작업하려는 경우이를 고려해야합니다. 이는 프레임 워크의 구성 요소 외에 최소화 및 캐싱과 같은 기능을 지원하는 본격적인 프레임 워크입니다. 2020 년 5 월 현재 GitHub의 14.6k 별.

Quasar는 여기에서 다룬 모든 Vue UI 구성 요소 라이브러리 중 가장 광범위합니다. 자세한 문서와 강력한 엔드 투 엔드 구현이 있습니다..

7. 복스

복스

Vux는 Vue 위에 WeChat의 WeUI 및 웹팩을 기반으로하는 프레임 워크입니다. 그러나이 설명서는 대부분 영어로 번역되어 있으며 중국어로되어 있습니다. Vux는 주로 애플리케이션을위한 모바일 컴포넌트의 빠른 개발을 강조합니다..

여기 라이브 데모 브라우저에서 모든 구성 요소 및 렌더링을 나열하는 Vux.

8. 요소

요소

Element는 웹용 UI 구성 요소 라이브러리이며 반응 과 모난, Vue 외에도. 이 구성 요소 라이브러리는 구성 요소가 응답하지 않기 때문에 특히 데스크톱 응용 프로그램에 중점을 둡니다..

스페인어와 영어 번역이 제공되지만 Element도 중국어로 중요한 문서를 가지고 있습니다. 비 중국어 사용자는 국제화 문서 프로젝트에서 Element를 사용하기 전에.

9. 킨 -UI

예리한 UI 설명서

Keen-UI는이 기사에 나오는 대부분의 다른 Vue UI 구성 요소 라이브러리와 달리 시각적 구성 요소가 아닌 JavaScript를 통한 상호 작용에 중점을 둡니다. Keen-UI는 Google의 머티리얼 디자인, 사용하기 쉬운 API가 제공됩니다.

Keen UI는 응용 프로그램 전체에서 사용해야 할 필요성을 반복하지 않으며 필요한 곳에 전략적으로 배치 할 수있는 몇 가지 유용한 구성 요소를 가지고 있습니다. 따라서 기존 응용 프로그램에 반복 기능을 추가 할 때 Keen UI를 선택하는 것이 좋습니다.

10. AT-UI

AT-UI

AT-UI는 데스크톱 응용 프로그램에 중점을 둔 또 다른 Vue UI 구성 요소 라이브러리입니다.

AT-UI는 웹 응용 프로그램을위한 평면 UI 구성 요소를 제공합니다. 14 명의 기고자가 있으며 지원이 많지 않습니다. 스타터 템플릿 GitHub에서 사용할 수 있습니다.

11. 민트 UI

민트 UI

Mint UI는 Babel JavaScript 컴파일러를 기반으로하는 경량 Vue UI 구성 요소 라이브러리입니다. 이 패키지는 크기가 작기 때문에 모바일 애플리케이션에 사용하기에 적합합니다. 민트 UI는 응용 프로그램의 구성 요소에 iOS와 같은 테마를 제공합니다. 여기 데모 Mint UI 구성 요소.

민트 UI의 별은 15,000 개가 넘습니다. GitHub에서. 1 월 중순 마스터 지점에 대한 새로운 커밋과 함께 프레임 워크 개발은 여전히 ​​진행 중입니다. 그러나 GitHub의 이슈 트래커를 간략히 살펴보면 Mint UI가 대부분 중국 개발자에게 적합하다는 것을 알 수 있습니다..

12. VuePress

VuePress

VuePress는 Vue를 기반으로하는 정적 사이트 생성기입니다. 이 프레임 워크는 웹팩을 사용하여 사전 렌더링 된 정적 HTML 페이지 (정적 WordPress 사이트는 어떻습니까?)를 작성하여 처리 속도가 상당히 빠릅니다..

VuePress를 사용하면 다음과 같이 프로젝트에 많은 가능성이 열립니다. 문서화 프로세스 자동화. 기존 응용 프로그램에도 쉽게 통합 할 수 있습니다. 그러나 상당한 단점은 SEO 지원이 여전히 새로운 것이며 다큐멘터리 아직이 주제에 집중하지 않습니다.

13. Eagle.js

Eagle.js

Eagle.js는 개발자가 만들 수있는 Vue의 프레임 워크입니다. 웹 응용 프로그램 내의 슬라이드 쇼. Eagle.js에는 다양한 테마, 애니메이션, 위젯 및 스타일이 있으며 사용자 정의 할 수 있습니다..

Eagle.js는 데모 사이트에서 많은 수의 예제를 제공하지만, 선적 서류 비치 여전히 최소한입니다. Eagle.js의 확실한 대안은 Reveal.js, 웹 슬라이드 쇼를위한 독립형 JavaScript 프레임 워크 그러나 Eagle.js는 Reveal.js로 가장 큰 결함 인 슬라이드 쇼 구조 강성을 극복합니다..

14. 부트 스트랩-부

부트 스트랩-부

Bootstrap-Vue는 널리 사용되는 CSS 라이브러리 인 Bootstrap의 기능을 Vue로 가져옵니다. 즉시 사용 가능한 UI 구성 요소와 그리드 시스템을 제공하며 모든 것이 모바일 우선적이고 반응이 빠릅니다. 또한이 라이브러리의 구성 요소는 웹 액세스 가능성에 대한 WAI-ARIA 지침과 호환됩니다. Bootstrap-Vue는 UI 구성 요소를 빠르게 생성한다는 Bootstrap의 철학에 따라 개발자가 프로젝트를 빠르게 시작할 수 있도록합니다..

그만큼 문서가 광범위하다 커뮤니티 지원이 강력하여 다른 사람이 프로젝트를 시작할 수있는 안전한 옵션입니다..

15. iView UI

iView-UI

iView UI는 깔끔한 디자인에 중점을 둔 UI 구성 요소 및 위젯을 제공하는 Vue의 라이브러리입니다. iView에는 자체 명령 줄 인터페이스 (CLI) 도구가 있습니다, iView-cli, 컴포넌트 스캐 폴딩을위한 시각적 도구와 문서의 오프라인 버전을 제공합니다. 그것은 적극적으로 유지됩니다 정기 업데이트 버그 해결 및 기능 추가.

프로젝트에서 iView를 사용하는 경우 다음은 스타터 킷, 라이브러리의 기본 사용법을 시작하는 데 도움이됩니다..

선택할 Vue UI 구성 요소 라이브러리?

다양한 기능을 수행하는 15 가지 Vue UI 구성 요소 라이브러리가 여기에 나열되어 있지만 가장 적합한 것은 무엇입니까? 음, 평소와 같이 대답은 "때에 따라 다르지." 완벽한 솔루션을 원한다면 계속 진행하고 싶을 수도 있습니다. 퀘이사. 반면에 기존 프로젝트를위한 플러그 앤 플레이 솔루션을 찾고 있다면 Vuetify 또는 킨 -UI.

프로젝트에서 어떤 Vue UI 구성 요소 라이브러리를 사용하십니까? 아래 의견에 알려주십시오..

다음 기사에 관심이있을 수도 있습니다.

  • 최고의 Angular Admin 대시 보드 템플릿

WordPress 사이트 속도를 높이기위한 충돌 과정에 참여하는 것을 잊지 마십시오. 몇 가지 간단한 수정으로로드 시간을 50-80 % 줄일 수 있습니다.

*이 게시물에는 제휴사 링크가 포함되어 있습니다. 즉, 제품 링크 중 하나를 클릭 한 다음 제품을 구매하면 약간의 수수료가 부과됩니다. 하지만 걱정하지 않아도 여전히 표준 금액을 지불하므로 비용이 들지 않습니다..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector