(小程序篇)2.构建npm环境

390 阅读1分钟

说明:小程序利用npm安装lin-ui

1.初始化项目

npm init

说明:在小程序的根目录下执行命令(PS:非云开发),生成package.json文件

2.使用npm命令进行安装

npm install lin-ui

说明:npm安装lin-ui,执行成功后,会在根目录里生成项目依赖文件夹node_modules/lin-ui

3.小程序IDE构建

找到工具选项,点击下拉选中构建npm,等待完成即可。在项目根目录下生成miniprogram_npm文件夹以及lin-ui

4.引入lin-ui组件

说明:这里我们拿button按钮举例
index.json文件中(或者app.json)

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

5.使用组件

index.html文件中

<l-button>按钮</l-button>

6.效果展示

按钮图片