HBuilder X 创建并搭建uview项目

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文件中引用相关组件，就可以运行得到相应效果 

微信小程序开发工具运行效果如下: