Lin UI는 WeChat 미니 프로그램의 기본 구문을 기반으로 하는 고품질 UI 구성 요소 라이브러리 세트입니다. 단순성, 사용 편의성 및 아름다움의 디자인 사양을 따르십시오.
增强编译
, Es6 转ES5
확인하고使用npm 模块
. 그림을 참조하십시오.
프로젝트를 NPM 프로젝트로 초기화
npm init -y
프로젝트 루트 디렉터리에 이미 package.json 파일이 포함되어 있으면 이 단계를 건너뛸 수 있습니다.
린 UI 설치
npm i lin-ui
WeChat 개발자 도구 구성 Lin UI를 올바르게 설치하려면 WeChat 개발자 도구의 다음 세 가지 옵션을 모두 확인 해야 합니다. 그림을 참조하세요.
使用npm 模块
增强编译
ES6 转ES5
설정 경로: WeChat 개발자 도구 오른쪽 상단 -> 세부 정보 -> 로컬 설정
NPM 모듈 빌드 WeChat 개발자 도구를 구성한 후에도 NPM 모듈을 빌드해야 합니다.
버튼 위치: WeChat 개발자 도구 상단 -> 도구 -> npm 빌드
로컬에 Node.js 환경이 없고 NPM을 사용하여 설치할 수 없는 경우 소스 코드를 사용하여 설치할 수 있습니다.
WeChat 개발자 도구 구성
Lin UI를 올바르게 사용하려면 WeChat 개발자 도구에서 Es6 转ES5
및增强编译
옵션을 확인해야 합니다.
설정 경로: WeChat 개발자 도구 오른쪽 상단 -> 세부 정보 -> 로컬 설정
기본 라이브러리 버전을 >=2.8.2
로 설정합니다.
페이지에 소개되었습니다
{
"usingComponents" :{
"l-button" : " /miniprogram_npm/lin-ui/button/index "
}
}
페이지에서 사용
< l-button type =" default " >默认按钮</ l-button >
Lin UI 구성 요소를 도입할 때 모두
l-{组件名}
형식으로 이름을 지정하는 것이 좋습니다. 이 사양을 따르면 프로젝트 코드가 더 명확해집니다.
이 시점에서 Lin UI가 프로젝트에 성공적으로 도입되었습니다!
우리 코드는 개발 브랜치를 기반으로 개발되었으며, 코드 기여를 위해 Pull Request를 제출하실 수 있습니다.
Pull Request를 제출하기 전에 개발 사양을 자세히 읽어보시기 바랍니다. 그렇지 않으면 비표준 Commit 정보 및 기타 이유로 Pull Request가 종료될 수 있습니다.
MIT © 2020 숲에는 바람이 분다