# 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) ![预览](https://gitee.com/ldang264/vue-cron-generator/raw/master/resources/snapshot_zh_CN.png) ## 使用(例子代码) - 下载依赖([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 ```