引入uVIew组件可以使用uni-app市场插件安装插件即可，也可以使用npm下载安装，不过使用npm需要在pages.json使用easycom属性引用需要的组件类。
在uni-app插件市场右上角选择使用HBuilder X 导入插件或者下载插件ZIP
如果您的项目是由HBuilder X创建的标准uni-app项目，将下载后的uview-ui文件夹，复制到项目根目录。
如果您的项目是由vue-cli (opens new window)模式创建的， 请将下载后的uview-ui文件夹放到项目的src文件夹中即可。
一、使用uni-app市场插件安装
途径一：uView示例项目已内置到HBuilder X中，在文件 -> 新建 -> 项目 -> uni-app中，找到uView UI下载运行即可。
途径二：在uni-app插件市场右上角选择使用 HBuilderX 导入示例项目或者下载示例项目ZIP，然后在HBuilder X中运行即可。
uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=6682
二、使用npm安装
第一步：在uni-app新建的项目中 使用CMD下载uView
npm install uview-ui
第二步：在main.js里引入和注册uView 这两句代码需要在import Vue之后
import uView from '@/node_modules/uview-ui'
Vue.use(uView)
第三步：在uni.scss文件中引入uView的全局Scss主题文件
@import '@/node_modules/uview-ui/theme.scss';
第四步：在App.vue文件中引入全局共用的scss文件
<style lang="scss">
@import "@/node_modules/uview-ui/index.scss";
</style>
第五步：在pages.json中配置uview组件
"easycom": {
"^u-(.*)": "@/node_modules/uview-ui/components/u-$1/u-$1.vue"
},
如果有帮助，请劳驾点个赞
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
