PiUI

和圆周率雷同的读音[Pai UI]，示意有限的可能性，咱们心愿PiUI自身足够灵便，同时开发者可能借助它的能力，开发出有限可能性的利用。

PiUI是基于uniapp，高质量UI挪动组件库，基于 vue.js 语法，可编译到不同的平台

Website 网站

官网文档：https://piui.sadais.com/

GITHUB仓库：https://github.com/sadais-org/piui

GITEE仓库：https://gitee.com/org-sadais/piui

欢送大家star和fork，你的反对是咱们继续更新的能源！

扫码体验[piui]小程序

uniapp提供的vue语法（不齐全反对），能比原生的写法（小程序原生语法作为比照）进步30%的效率。

然而仅仅应用uniapp提供的根底组件，是远远支撑不了古代挪动端的业务复杂度。

借助piui的能力，能够让您基于uniapp，再减少至多50%的效率晋升。

基于vue-cli脚手架创立，更加通用的vue我的项目配置，接入更加快捷，能够做到零配置间接运行

能够应用下列任一命令装置最新的vue-cli包：

npm install -g @vue/cli# ORyarn global add @vue/cli

装置之后，你就能够在命令行中拜访 vue 命令。你能够通过简略运行 vue，看看是否展现出了一份所有可用命令的帮忙信息，来验证它是否装置胜利。

你还能够用这个命令来查看其版本是否正确：

vue --version

我的项目初始化咱们通过vue-cli进行生成，以下我的项目名我应用my-project做示例，名字能够自定义

vue create -p sadais-org/uni-preset-vue my-project

命令输出后，抉择默认模板，回车

在本地启动服务器来开发你的利用

cd my-project && npm run dev

已初始化的我的项目，能够通过以下形式接入piui

piui @sadais/piui-tool 源码都以es6 语法编写，如果是 vue-cli 工程，必须在vue.config.js中申明其显式转译

// vue.config.jsmodule.exports = {  transpileDependencies: ['@sadais/piui-tool', 'sadais-piui']}

装置piui，以及piui工具库

yarn add sadais-piui @sadais/piui-tool

import Vue from 'vue';import piui from "sadais-piui";// 全局属性配置const piuiConfig = {}Vue.use(piui, piuiConfig);

在App.vue文件中引入

@import 'sadais-piui/scss/index.scss';

在uni.css文件中引入

@import 'sadais-piui/scss/variable.scss';

批改uniapp的pages.json文件，减少配置

"easycom": {  "^pi-(.*)": "sadais-piui/components/pi-$1/index.vue"}

配置easycom规定后，组件主动按需引入