HBuilderX新建uniapp项目,并导入uview

一、HBuilderX新建uniapp项目,默认模板

若是vue-cli创建的项目,要安装以下依赖

npm i sass -D
npm i sass-loader -D

二、打开插件市场,使用HBuilderX导入插件uview2

https://ext.dcloud.net.cn/plugin?id=1593

三、修改main.js

代码最底部插入

import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

四、修改uni.scss

代码最底部插入

@import '@/uni_modules/uview-ui/theme.scss';

五、修改App.vue

代码最底部插入

<style lang="scss">

    /* 注意要写在第一行,同时给style标签加入lang="scss"属性 */

    @import "@/uni_modules/uview-ui/index.scss";

</style>

六、修改pages.json

插入easycom,与pages平级

"easycom": {
    "^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
},

参考文档

https://www.uviewui.com/components/downloadSetting.html

发表评论