>  기사  >  웹 프론트엔드  >  Vue 2.0 모듈에서 프런트 엔드 UI 구성 요소 라이브러리를 사용하는 방법

Vue 2.0 모듈에서 프런트 엔드 UI 구성 요소 라이브러리를 사용하는 방법

php中世界最好的语言
php中世界最好的语言원래의
2018-04-14 10:36:171578검색

이번에는 Vue 2.0 모듈에서 프런트 엔드 UI 컴포넌트 라이브러리를 사용하는 방법을 보여 드리겠습니다. Vue 2.0 모듈에서 프런트 엔드 UI 컴포넌트 라이브러리를 사용할 때 주의 사항은 무엇입니까? 살펴보자.

Vue 2.0 모듈에서 프런트엔드 UI 컴포넌트 라이브러리를 사용하는 방법

AT-UI는 Vue.js 2.0을 기반으로 하는 경량의 모듈식 프런트엔드 UI 컴포넌트 라이브러리로 주로 PC의 빠른 개발에 사용됩니다. 웹사이트 제품.

데스크톱 애플리케이션용으로 특별히 제작된 AT-UI는 npm + webpack + babel 프런트엔드 개발 워크플로 세트와 깨끗하고 깔끔한 UI 구성 요소를 제공합니다.

특징

  • Vue를 기반으로 개발된 UI 구성 요소

  • npm + webpack + babel 워크플로를 기반으로 ES2015

  • CSS 스타일 독립성을 지원하여 다양한 프레임워크 구현이 통합된 UI 스타일을 유지할 수 있도록 보장합니다(자세한 내용은 AT-UI 스타일 참조)

  • 구성요소의 유연한 사용을 위해 친숙한 API 제공

지원 환경

  • 최신 브라우저 및 IE9 이상

  • Electron

  • NW.js

설치

npm install at-ui
  • 을 설치하려면 npm을 사용하는 것이 좋습니다. 글로벌 quote

<script type="text/javascript" src="at.min.js"></script>

을 사용할 수도 있습니다. 사용

AT-UI 스타일은 독립적인 프로젝트이므로 AT-UI를 사용하기 전에 at-ui-style을 설치해야 합니다. npm을 사용하여 설치하거나