安装Lin-UI

最新推荐文章于 2023-01-27 11:39:48 发布
最新推荐文章于 2023-01-27 11:39:48 发布
阅读量979 收藏 1
点赞数
分类专栏： 微信小程序开发 文章标签： ui npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43037257/article/details/121252686
版权

1.打开小程序的项目根目录，执行npm init
在这里插入图片描述此时生成了package.json文件，命令行会让你填一些项目的介绍信息，可以按回车键来快速完成项目初始化。
在这里插入图片描述创建成功后，刚刚填写的项目介绍信息会保存在package.json中，可以随时更改。
在这里插入图片描述

2.执行 npm install lin-ui

最低0.47元/天 解锁文章
weixin_43037257
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Lin-ui环境搭建（npm安装）
tgyzjy的博客
01-08 997
Lin-ui安装
LinUI是基于微信小程序原生语法实现的组件库
08-10
Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁，易用的设计规范。
《微信小程序-进阶篇》Lin-ui组件库的安装与引入
Oliver尹的博客
07-21 2550
本文难度属于：初级，通过本文你可以 了解到如何在小程序中安装组件库，以及 组件库中的组件如何在小程序中使用，具体内容可以参考以下思维导图
【小程序】微信小程序中安装配置LinUi组件库
【敦厚的曹操】的专栏
01-14 527
微信小程序中安装配置LinUi组件库
《微信小程序-进阶篇》Lin-ui组件库源码分析-Button组件（一）
Oliver尹的博客
07-24 1313
本文难度属于：中级，通过本文你可以了解到 Lin-ui的Button组件中的文件结构以及属性实现相关的一些
微信小程序 安装Lin-UI
qq_56303170的博客
09-30 479
微信小程序 安装Lin-UI 首先安装Node.js 选择长期维护版 此处需要注意一下 小程序根目录下cmd创建文件 注意一定要在小程序的根目录下输入cmd命令 npm init 此时，会生成一个package.json文件，命令行里会以交互的形式让你填一些项目的介绍信息，你可以耐心填完，当然也可以忽略，全部按回车键来快速完成项目初始化。 接着在package.json文件输入lin-ui以及版本号 { "name": "sleeve", "version": "1.0.0", "des
lin-ui-doc:Lin UI文档
04-05
配置微信开发者工具要正确安装Lin UI，需将微信开发者工具的使用 npm 模块选项替换上 设置路径：微信开发者工具右上角->详情->本地设置 构建NPM模块微信开发者工具配置完成以后，还需进行一次NPM模块的构建 按钮位置...
lin-ui-master.zip
05-15
Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁，易用的设计规范。 1简单易用：组件采用微信小程序的原生语法编写，只需要熟悉初级的 HTML 、 CSS 、 JavaScript 和 微信小程序 相关知识就能上手开发，...
lin-wx-ui:微信小程序原生ui组件库
04-29
通过 npm 安装 (推荐)小程序已经支持使用 npm 安装第三方包，详见 # 通过 npm 安装npm i lin-wx-ui -S --production# 通过 yarn 安装yarn add lin-wx-ui --production方式二. 下载代码直接通过 git 下载 lin-wx-ui ...
lin-view-ui:基于vue2.0的pc端组件
07-24
lin-view-ui 在线文档 简介 lin-view-ui 是一款基于 Vue.js 2.0 的前端 UI 组件库...import LinUI from 'lin-view-ui'; Vue.use(LinUI); // or import { Input, Button // ... } from 'lin-view-ui'; Vue.component
LinUI微信小程序组件库 v0.9.2
01-12
为您提供LinUI微信小程序组件库下载，Lin UI 是一套基于微信小程序原生语法实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范。快速上手：安装1、初始化你的项目为一个 NPM 项目npm init -y若项目根目录已包含 package.json 文件，则可跳过该步骤2、安装 Lin UInpm i lin-ui3、配置微信开发者工具 要正确安装 Lin UI，需将微信开发者工具的 使用 npm 模块 选项勾选上设置路径：
引入并使用LinUI组件库
qq_25503949的博客
11-11 2548
引入并使用LinUI组件库一.什么是LinUI组件库：二.用个例子说明一下如何使用： 一.什么是LinUI组件库： LinUI官网 可以理解成官方小程序组件库的一个扩展 具体安装方式可以参考官网 1.npm init 2.npm i lin-ui 3.构建npm（这个很重要） 生成minoprogram-npm这个文件夹 二.用个例子说明一下如何使用： 其实我们用的lin-ui就相当于使用别人自定义好的自定义组件 比如我们使用avater这个组件（头像组件）在welcome页面中 我们需要在welco
《微信小程序-进阶篇》Lin-ui组件库源码分析-Icon组件
Oliver尹的博客
07-31 1165
本文难度属于：初级，通过本文你可以了解到 Lin-ui的Icon组件的用法，以及这些对应的用法在其背后是如何实现的～
《微信小程序-进阶篇》Lin-ui组件库源码分析-列表组件List（三）
Oliver尹的博客
08-21 1371
主要分析了Lin-ui中List组件实现，通过分析我们发现List组件其实是一个 复合组件，它的内部包含有三个Lin-ui中的其他组件，包括...
林间有风团队的lin-ui踩坑实录：自定义tabbar
lvp_mobile的专栏
02-15 4803
自定义Tabbar坑1 http://doc.mini.7yue.pro/component/nav/tab-bar.html#使用方法 源码：custom-tab-bar中的index.js 要删掉下面这一段 properties: { position: { type: String, value: 'bottom' }, show: ...
微信小程序：使用lin-ui
weixin_46823133的博客
01-27 478
本文介绍如何快速在微信小程序项目中使用Lin Ui。
微信小程序--瀑布流
雨Winning
07-02 6214
Lin-ui瀑布流学习
前端UI框架
热门推荐
hulitong
11-28 1万+
在百度搜索UI框架，可以搜索到很多前端框架,整理一下： 1、Amaze UI Amaze UI v2.5.0 ， 2015-11-30 发布，类似于Bootstrap gitee下载地址 2、Bootstrap框架 Bootstrap3 Bootstrap5 推荐使用Bootstrap5，相比Bootstrap3，Bootstrap5重构核心已经放弃Jquery了 大名鼎鼎的框架，学习前端必须学习的UI框架。 3、H-UI框架 不想重新写繁琐的页面，少写前端页面代码的，推荐使用这个框架
微信小程序入门与实战之阅读列表与setData数据的绑定
Lbsssss的博客
09-27 758
微信小程序入门与实战之阅读列表与setData数据的绑定
lin ui的button的solt属性
最新发布
06-10
Lin UI是一个基于微信小程序的组件库，其中Button组件的slot属性用于指定按钮的内容。Button组件的slot属性有两个可选值：default和icon。当slot属性值为default时，表示插入按钮的文本内容，如下所示： ``` <lin-button> 我是按钮 </lin-button> ``` 当slot属性值为icon时，表示插入按钮的图标内容，如下所示： ``` <lin-button slot="icon"> <lin-icon name="like"></lin-icon> </lin-button> ``` 在这个例子中，我们使用了 `lin-icon` 组件来插入一个图标，该组件的name属性指定了图标的名称，可以根据需要进行更改。插入图标后，Button组件会将图标放置在按钮的左侧，并自动调整布局。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值