安装 uView

uview

新创建的项目里面并没有 package.json 文件

安装 uView_第1张图片
官网这里也有说明

安装 uView_第2张图片
输入 npm init -y 指令

安装 uView_第3张图片
再输入安装指令

安装 uView_第4张图片

main.js 文件配置

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

uni.scss 文件配置

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

pages.json 文件配置

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

app.vue 导入一个公共的uwiew样式

一定要把这个加上 lang="scss"

<style lang="scss">
	@import "uview-ui/index.scss";
	/*每个页面公共css */
</style>

你可能感兴趣的:(uniapp,前端)