# vue-cron-generator
**Repository Path**: ldang264/vue-cron-generator
## Basic Information
- **Project Name**: vue-cron-generator
- **Description**: Cron Generator Implemented by Vue.js and Element-ui(基于Vue&Element-UI构建的在线Cron表达式生成器)
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://106.14.246.234:8090/
- **GVP Project**: No
## Statistics
- **Stars**: 116
- **Forks**: 42
- **Created**: 2020-01-20
- **Last Updated**: 2025-04-29
## Categories & Tags
**Categories**: vue-extensions
**Tags**: None
## README
# vue-cron-generator
> 一个基于Vue&Element-UI构建的在线Cron表达式生成器 [English](./README.md) [在线demo](http://106.14.246.234:8090/)
**使用的项目**
>👉 Attemper: 分布式多租户的支持流程编排的任务调度平台(用之作为cron表达式生成器) 👈
>>[Github](https://github.com/attemper/attemper)
>>[Gitee](https://gitee.com/attemper/attemper)

## 使用(例子代码)
- 下载依赖([npm](https://www.npmjs.com/package/vue-cron-generator))
``` typescript
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import elementEnLocale from 'element-ui/lib/locale/lang/en'
import elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'
import cronEnLocale from 'vue-cron-generator/src/locale/en'
import cronZhLocale from 'vue-cron-generator/src/locale/zh'
import { getLocale } from 'vue-cron-generator/src/util/tools'
Vue.use(VueI18n)
const messages = {
en: {
...enLocale,
...elementEnLocale
},
zh: {
...zhLocale,
...elementZhLocale
}
},
i18n = new VueI18n({
// set locale
// options: 'en' | 'zh'
locale: getLocale(),
// set locale messages
messages
})
export default i18n
```
- [main.js](https://github.com/attemper/attemper/blob/master/attemper-admin/src/lang/index.js)
``` typescript
import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import 'vue-cron-generator/src/styles/global.css'
import App from './App'
import i18n from './lang'
Vue.use(Element, {
size: localStorage.getItem('size') || 'small', // set element-ui default size
i18n: (key, value) => i18n.t(key, value)
})
new Vue({
el: '#app',
i18n,
render: h => h(App)
})
```
- Vue文件
``` vue
```
- 运行项目
## 构建本项目源码
``` bash
# 下载依赖
npm install vue-cron-generator
# 服务启动在localhost:8080
npm run dev
# 构建生产文件
npm run build
```