Farris Vue

Farris Vue, a Farris Design based Vue3 component library.

English | Simplified Chinese

Farris Design Priciples：

• Fast :Farris Vue is composed by UI suites with fast user experience. And Farris Data Grid has high-speed rendering performance when rendering large amounts of data.
• Reliable: Provide users with steady and reliable usage-based representation and optimize various abnormal interaction scenarios targeted.
• Responsive: Enhanced responsive design, provides better responsive interactions inside components.
• Intuitive: Intuitive design, enables users to have an intuitive interface interaction experience.
• Smart : Intelligent UI, meets the development of intelligent application scenarios.

1. Learn about Farris

Visit our offical site(https://farris-design.gitee.io/farris-vue) to learn more about Farris UI Vue Components.

2. Guide to Run a Project Locally

2.1 Check The Environment

Please execute the following command to check if yarn has been installed in the environment before running the project locally.

yarn -v

If you don't know the version information of yarn，please refer to install yarn.

2.2 Get the Source Code

To get the source code and install dependent components, you can do so by typing:

npm install lerna -g
git clone https://gitee.com/ubml/farris-vue.git
cd farris-vue
lerna bootstrap

2.3 Run The Sample Site

Run the following commands:

cd packages/ui-vue
yarn run docs:dev

Open browser to review the sample page：http://localhost:5173/。

2.4 Visit The Sample Site

You can visit the sample site：

1. Click "quick start" to learn how to install and use Farris Vue.
2. Click "components" to experience the visual and interaction effects of components, and view the component API documentation simultaneously.

3. Guide to Use Farris UI Vue

3.1 Install @farris/ui-vue

npm install @farris/ui-vue

yarn add @farris/ui-vue

3.2 Import Farris Vue

Locate your main.ts document and import @farris/ui-vue into the Application.

import { createApp } from 'vue';
import App from './App.vue';
import Farris from '@farris/ui-vue';

createApp(App).use(Farris).mount('#app');

3.3 Use Farris Vue

Once imported, you can attempt to use Farris Vue components. Locate to the App.vue document and have a try!

<template>
    <f-button-edit></f-button-edit>
</template>

4. How to Be a Farris Vue Contributor

Contribute to Farris Vue. You can participate in the following contributions:

• Use TypeScript + TSX + SystemJs + Rollup technologies to develop Farris Vue Components
• Contribute to the Farris Theme tool
• Contribute to the Farris development documentation

If you decide to contribute to Farris UI Vue，you could start from reading our Contributor guide.

✨ Contributors

Thanks to the following Farris Vue contributors.

Open source license

Apache License 2.0