uni-ui installation

Quick Start

In the template of the new uni-app project in HBuilderX, select the uni-ui template to use it

npm install

npm install @dcloudio/uni-ui

Add the dcloudio folder to the node_modules folder after installation
Official documentation

Note that the cli project does not compile the components under node_modules by default, which will cause the conditional compilation and other functions to fail, resulting in component exceptions. You need to create a vue.config.js file in the root directory, and add the compilation of the @dcloudio/uni-ui package.normal

// vue.config.jsmodule.exports = {transpileDependencies:['@dcloudio/uni-ui']}

Configuring easycom

After using npm to install uni-ui, you need to configure easycom rules so that the components installed by npm support easycom
Open pages.json in the project root directory and add the easycom node:

// pages.json{"easycom": {"autoscan": true,"custom": {// uni-ui rules are configured as follows"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"}},// other contentpages:[// ...]}

I can use the uni-ui component when I configure it here

Official document portal