# 快速上手

温馨提示

  • 下载的Hbuilder XAPP开发版
  • 使用easycom模式,无需引入组件即可直接使用,此功能需要Hbuilder X 2.5.5及以上版本才支持。不管components目录下安装了多少组件,easycom打包后会自动剔除没有使用的组件,对组件库的使用尤为友好。

# 下载地址

插件市场下载地址:DNVUE UI 2.0

# 安装

uni-app插件市场选择 使用Hbuilder X导入插件,导入时删除已存在的项目名称 DNVUE UI纯nvue组件库......,填写自己项目名称,然后创建即可得到已配置好 dnvue-ui 的uni-app空项目,直接上手开发。

# 版本升级

需从插件市场下载最新版本的DNVUE UI插件ZIP,复制从插件市场下载的最新DNVUE UI插件ZIPdnvue-ui 文件夹下的 dnvue-ui-core 核心文件覆盖当前需版本升级项目下的 dnvue-ui 中的 dnvue-ui-core 核心文件夹即可。

注意:版本升级只需要覆盖 dnvue-ui文件夹即可

覆盖前建议开发者先查看更新日志升级指南的版本更新内容,以便开发者了解最新版本动态。

# 配置方式

如果开发者的项目是在Hbuilder X中创建的uni-app的新项目,那么可以通过配置的方式进行使用。以下为配置项目的步骤:

# 1. 在插件市场中下载

将在插件市场中下载插件ZIP后的dnvue-ui文件夹,复制到项目根目录

# 2. 配置pages.json,引入easycom

"easycom": {
	"autoscan": true,
	"custom": {
		"n-(.*)": "@/dnvue-ui/components/n-$1/n-$1"
	}
}

# 3. 在main.js中配置

// 全局挂载
import config from '@/dnvue-ui/config.js'
Vue.prototype.$store = config

# 配置完成,使用愉快