创建并搭建uView框架

1、先创建一个项目
创建并搭建uView框架_第1张图片
2、在项目的内部终端输入命令安装

// 安装
npm install uview-ui

3、如果安装成功文件下面会出现node_modules目录
创建并搭建uView框架_第2张图片
3、引入uView主JS库

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

创建并搭建uView框架_第3张图片

4、在引入uView的全局SCSS主题文件

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

创建并搭建uView框架_第4张图片
4、引入uView基础样式


创建并搭建uView框架_第5张图片

5、配置easycom组件模式

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

创建并搭建uView框架_第6张图片
6、在vue文件中引用相关插件,就可以运行得到响应效果
创建并搭建uView框架_第7张图片
创建并搭建uView框架_第8张图片

你可能感兴趣的:(创建并搭建uView框架)