# Lin UI CLI
Lin UI CLI 是一款针对于 微信小程序 以及 Lin UI 的脚手架,通过 Lin UI CLI 可以快速搭建一套带有 按需加载 功能和 Lin UI 组件库的项目模板。
# 特性
- 提供
create
命令,您可以通过此命令快速搭建一套项目模板 - 提供
load
命令,此命令可以实现 Lin UI 按需加载 功能
# 快速上手
# 新项目引入
执行以下命令可以快速创建一个基于 Lin UI CLI 的项目:
# 推荐
npx lin-ui-cli create lin-ui-demo
or
npm install lin-ui-cli -g
lin-ui-cli create lin-ui-demo
TIP
npx
命令会在本地创建一个临时目录,等使用完之后就会删除,不会占用空间
npm install -g
全局安装会在本地保存一份安装的文件
当项目创建完成后,会返回如下提示语句:
Successfully created project lin-ui-demo, directory name is lin-ui-demo
Next: Please run cd lin-ui-demo && npm install or yarn
到此一个基于 Lin UI 的微信小程序项目已经安装完成,在每次上传之前会触发 按需加载 功能,无用组件或文件将不会被打包。
# 旧项目迁移
首先,您在进行此操作前需有一个基于 Lin UI 的微信小程序项目,并在 本地设置 中勾选 使用npm模块
选项。
打开小程序的项目根目录,执行下面的命令(如果使用了云开发,需要进入 miniprogram 文件夹下执行下面的命令)。
npm init -y
接着,继续执行下面的命令。
npm install lin-ui-cli
在微信开发者工具配置文件 project.config.json 文件里写入以下代码:
"scripts": {
"beforeUpload": "npx lin-ui-cli load"
}
创建 lin-ui.config.json 配置文件(可选),在文件里写入:
{
"lib": "miniprogram_npm/lin-ui"
}
到此 Lin UI CLI 脚手架已经安装完成,在每次上传之前会触发 按需加载 功能,无用组件或文件将不会被打包。
# lin-ui.config.json (Attributes)
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
lib | 配置 Lin UI 组件所在路径 | String | - | miniprogram_npm/lin-ui |
详细介绍 →