1.創建uni-app項目

2、在項目的根目錄輸入命令安裝

// 安裝 npm install uview-ui

以管理員身份運行

?

?3、如果安裝成功文件下面會出現node_modules目錄

4、引入uView主JS庫

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

?

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

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

?6、引入uView基礎樣式

7、配置easycom組件模式

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

?

8、在vue文件中引用相關組件，就可以運行得到相應效果?

微信小程序開發工具運行效果如下:?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。