Fetch the repository succeeded.
Farris Vue 是一套基于Farris Design 的 Vue3 组件库。
English | 简体中文
Farris 设计原则：
可以访问我们的官方站点(https://farris-design.gitee.io/farris-vue)了解 Farris UI Vue 组件。
也可以访问我们的知乎主页，了解Farris开源历程和技术细节。知乎首页(https://www.zhihu.com/people/farris-design)
在本地运行本项目前，请先执行以下命令检查Node.js版本，本项目要求使用Node.js v18。
node -v
接下来执行以下命令，检查环境中是否已经安装 pnpm，本项目需要使用的pnpm版本为v9。
pnpm -v
如果未得到pnpm版本信息，请参考安装 pnpm.
执行以下命令，获取项目源代码，并安装依赖组件。
git clone https://gitee.com/ubml/farris-vue.git
cd farris-vue
pnpm install
执行以下命令。
pnpm --filter ui-vue run docs:dev
在浏览器中访问：http://localhost:5173/ 查看示例页面。
你可以访问示例页面站点：
执行以下命令。
pnpm --filter ui-vue run dev --open #designer-canvas/drag-over
vite自动打开浏览器，显示可视化页面设计器，你可以预览采用低代码模式使用Farris UI的效果。
执行pnpm --filter ui-vue dev --open #{示例页面路由}在浏览器打开示例页面，例如：
pnpm --filter ui-vue dev --open #data-grid/basic
pnpm add @farris/ui-vue
npm install @farris/ui-vue
yarn add @farris/ui-vue
在main.ts文件中引入@farris/ui-vue。
import { createApp } from 'vue';
import App from './App.vue';
import Farris from '@farris/ui-vue';
import '@farris/ui-vue/style.css';
createApp(App).use(Farris).mount('#app');
在App.vue文件中使用 Farris Vue 组件。
<template>
<f-button-edit></f-button-edit>
</template>
欢迎你参与贡献 Farris Vue 在这里你可以参与以下贡献内容：
TypeScript + TSX + SystemJs + Rollup 技术开发 Farris Vue 组件如果你决定参与贡献 Farris Vue，可以先从阅读我们的贡献指南开始。
按照开放透明原则，我们会在邮件列表中公开讨论项目决策，可以「订阅」邮件列表接收最新资讯，参与技术讨论。
感谢以下 Farris Vue 的贡献者
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手