2. 集成 uni-ui 组件库

uni-ui 是基于内置组件的一个拓展补充，它是更加稳定和安全的，且适配多端。

我们来看到官方文档：

安装:

npm i @dcloudio/uni-ui

配置自动导入组件：

使用 npm 安装好 uni-ui 之后，需要配置 easycom 规则，让 npm 安装的组件支持 easycom

打开项目根目录下的 pages.json 并添加 easycom 节点：

// pages.json
{
	"easycom": {
		"autoscan": true,
		"custom": {
			// uni-ui 规则如下配置
			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
		}
	},
	
	// 其他内容
	pages:[
		// ...
	]
}

重新启动

由于该项目使用了 TypeScript，因此存在这样一个问题：就是我们希望类型更加安全，就是可以希望组件有类型提示，但是呢？这个 uni-ui 组件使用的是 Js 进行开发的，因此没有类型的提示，此时：就可以安装一个插件：

现在就可以看到了