Skip to content

Commit

Permalink
Merge pull request dcloudio#220 from mrlmx/patch-1
Browse files Browse the repository at this point in the history
vue-cli 创建项目使用 easycom 的配置
  • Loading branch information
Fasttian authored Sep 23, 2020
2 parents 3e7aedc + 597a31e commit 7188430
Showing 1 changed file with 27 additions and 3 deletions.
30 changes: 27 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ npm init -y
**安装 uni-ui**

```
npm install @dcloudio/uni-ui -D
npm install @dcloudio/uni-ui
```


Expand All @@ -95,6 +95,30 @@ export default {
<uni-badge text="3" type="primary" :inverted="true"></uni-badge>
```

#### **方式三(cli + easycom)**

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

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

```javascript
// pages.json

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

// 其他内容
pages:[
// ...
]
}
```

#### uni-ui 已支持的组件列表
组件名|组件说明
Expand Down Expand Up @@ -135,8 +159,8 @@ uniTransition|[过渡动画](https://ext.dcloud.net.cn/plugin?id=985)
- uni-ui 是全端兼容的基于flex布局的、无dom的ui库
- uni-ui 是uni-app内置组件的扩展。注意与web开发不同,uni-ui不包括基础组件,它是基础组件的补充。web开发中有的开发者习惯用一个ui库完成所有开发,但在uni-app体系中,推荐开发者首先使用性能更高的基础组件,然后按需引入必要的扩展组件。
- uni-ui 不支持使用 Vue.use() 的方式安装
- uni-ui 依赖 scss,若是 HBuilderX 中创建的 uni-app 项目,需要在 HBuilderX 中安装 scss 插件;如果是使用 cli 创建的 uni-app 项目,需要在项目下npm安装 node-sass 和 sass-loader
- uni-ui 依赖 scss,若是 HBuilderX 中创建的 uni-app 项目,需要在 HBuilderX 中安装 scss 插件;如果是使用 cli 创建的 uni-app 项目,需要在项目下npm安装 sass 和 sass-loader
- `CLI` 引用方式 `H5` 端不支持在 `main.js` 中全局注册组件,如有需求请使用 [easyCom](https://uniapp.dcloud.io/collocation/pages?id=easycom) 的方式引用组件

### 贡献代码
在使用 `uni-ui` 中,如遇到无法解决的问题,请提 [Issues](https://github.com/dcloudio/uni-ui/issues) 给我们,假如您有更好的点子或更好的实现方式,也欢迎给我们提交 [PR](https://github.com/dcloudio/uni-ui/pulls)
在使用 `uni-ui` 中,如遇到无法解决的问题,请提 [Issues](https://github.com/dcloudio/uni-ui/issues) 给我们,假如您有更好的点子或更好的实现方式,也欢迎给我们提交 [PR](https://github.com/dcloudio/uni-ui/pulls)

0 comments on commit 7188430

Please sign in to comment.