ดาวน์โหลด lin ui - ดาวน์โหลด lin ui ซอร์สโค้ด

lin ui

โค้ดแหล่งที่มา AI

0.9.13

ดาวน์โหลด

เอกสารภาษาจีน | บทช่วยสอนอย่างเป็นทางการ

Lin UI ไม่ใช่แค่ไลบรารีส่วนประกอบ UI!
ชุดไลบรารีส่วนประกอบ UI คุณภาพสูงตามไวยากรณ์ดั้งเดิมของโปรแกรมขนาดเล็ก WeChat

สารบัญ

สารบัญ
การแนะนำ
เริ่มต้นได้อย่างรวดเร็ว
- ติดตั้ง
- แนะนำ
การอภิปรายและการแลกเปลี่ยน
ร่วมส่งรหัส
ข้อตกลงโอเพ่นซอร์ส

การแนะนำ

Lin UI คือชุดไลบรารีส่วนประกอบ UI คุณภาพสูงโดยอิงตาม ไวยากรณ์ดั้งเดิมของมินิโปรแกรม WeChat ปฏิบัติตามข้อกำหนดการออกแบบที่เรียบง่าย ใช้งานง่าย และสวยงาม

เริ่มต้นได้อย่างรวดเร็ว

อย่าลืมตรวจสอบ增强编译Es6 转ES5 และ使用npm 模块ดูภาพ

ติดตั้ง

เริ่มต้นโครงการของคุณเป็นโครงการ NPM
```
 npm init -y
```
หากไดเร็กทอรีรากของโปรเจ็กต์มีไฟล์ package.json อยู่แล้ว คุณสามารถข้ามขั้นตอนนี้ได้
ติดตั้ง Lin UI
```
 npm i lin-ui
```
การกำหนดค่าเครื่องมือสำหรับนักพัฒนา WeChat เพื่อติดตั้ง Lin UI อย่างถูกต้อง คุณต้อง ตรวจสอบตัวเลือกทั้งสามของเครื่องมือสำหรับนักพัฒนา WeChat ต่อไปนี้ โปรดดูภาพ
- 使用npm 模块
- 增强编译
- ES6 转ES5
เส้นทางการตั้งค่า: มุมขวาบนของเครื่องมือนักพัฒนา WeChat -> รายละเอียด -> การตั้งค่าท้องถิ่น
การสร้างโมดูล NPM หลังจากที่กำหนดค่าเครื่องมือสำหรับนักพัฒนา WeChat แล้ว คุณยังคงต้องสร้างโมดูล NPM
ตำแหน่งปุ่ม: ด้านบนของเครื่องมือนักพัฒนา WeChat -> เครื่องมือ -> สร้าง npm

หากคุณไม่มีสภาพแวดล้อม Node.js ในเครื่องและไม่สามารถติดตั้งโดยใช้ NPM ได้ คุณสามารถติดตั้งได้โดยใช้ซอร์สโค้ด

แนะนำ

กำหนดค่าเครื่องมือสำหรับนักพัฒนา WeChat
- หากต้องการใช้ Lin UI อย่างถูกต้อง คุณต้องตรวจสอบ Es6 转ES5 และตัวเลือก增强编译ในเครื่องมือสำหรับนักพัฒนา WeChat
  เส้นทางการตั้งค่า: มุมขวาบนของเครื่องมือนักพัฒนา WeChat -> รายละเอียด -> การตั้งค่าท้องถิ่น
- ตั้งค่าเวอร์ชันไลบรารีพื้นฐานเป็น >=2.8.2

แนะนำในเพจ

{
  "usingComponents" :{
    "l-button" : " /miniprogram_npm/lin-ui/button/index "
  }
}

ใช้ในเพจ
```
 < l-button type =" default " >默认按钮</ l-button >
```
เราขอแนะนำว่าเมื่อคุณแนะนำส่วนประกอบ Lin UI ควรตั้งชื่อองค์ประกอบทั้งหมดในรูปแบบ l-{组件名} การปฏิบัติตามข้อกำหนดนี้จะทำให้รหัสโครงการของคุณชัดเจนยิ่งขึ้น
ณ จุดนี้ Lin UI ได้รับการแนะนำในโครงการของคุณสำเร็จแล้ว!