1.創(chuàng)建uni-app項(xiàng)目

2、在項(xiàng)目的根目錄輸入命令安裝

// 安裝 npm install uview-ui

以管理員身份運(yùn)行

?

?3、如果安裝成功文件下面會(huì)出現(xiàn)node_modules目錄

4、引入uView主JS庫(kù)

// main.js import uView from "uview-ui"; Vue.use(uView);

?

5、在引入uView的全局SCSS主題文件

/* uni.scss */ @import 'uview-ui/theme.scss';

?6、引入uView基礎(chǔ)樣式

7、配置easycom組件模式

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

?

8、在vue文件中引用相關(guān)組件，就可以運(yùn)行得到相應(yīng)效果?

微信小程序開發(fā)工具運(yùn)行效果如下:?

總結(jié)

以上是生活随笔為你收集整理的HBuilder X 创建并搭建uview项目的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。