创建项目

参考：uni-app创建新页面和页面的配置_uniapp多页面配置-CSDN博客

添加页面

添加路由

显示效果

网址：http://localhost:8080/#/pages/task/taskDetails

参考：uni-app官网

在 HBuilder X 使用命令行引入 uni-ui

npm i @dcloudio/uni-ui

添加以下代码

"easycom": {
			"autoscan": true,
			"custom": {
				// uni-ui 规则如下配置
				"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
			}
	},