Editor > Live Templates 添加 Template Groupscopy 如下代码粘贴到 Group 中,设置相应开发语言(Vue ElementUI)
<template name="el-alert" value="<el-alert title="成功提示的文案" type="success"> </el-alert>" description="element alert" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-alert:icon" value="<el-alert title="成功提示的文案" type="success" show-icon> </el-alert>" description="element alert icon" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-autocomplete" value="<el-autocomplete class="inline-input" v-model="$model$" :fetch-suggestions="querySearch" placeholder="$placeholder$" @select="handleSelect"></el-autocomplete>" description="element input autocomplete" toReformat="true" toShortenFQNames="true">
<variable name="model" expression=""model"" defaultValue=""model"" alwaysStopAt="true" />
<variable name="placeholder" expression=""placeholder"" defaultValue=""placeholder"" alwaysStopAt="true" />
<context />
</template>
<template name="el-badge" value="<el-badge class="mark" :value="12" />" description="element badge" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-badge:button" value="<el-badge :value="12" class="item"> <el-button size="small">评论</el-button> </el-badge>" description="element badge button" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-badge:dot" value="<el-badge is-dot class="item">数据查询</el-badge>" description="element tag" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-breadcrumb" value="<el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item>活动管理</el-breadcrumb-item> </el-breadcrumb>" description="element breadcrumb" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-breadcrumb:separator" value="<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item>活动管理</el-breadcrumb-item> </el-breadcrumb>" description="element breadcrumb separator" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-button" value="<el-button type="$type$">$buttonCont$</el-button>" description="element button" toReformat="false" toShortenFQNames="true">
<variable name="type" expression="type" defaultValue=""primary"" alwaysStopAt="true" />
<variable name="buttonCont" expression="buttonCont" defaultValue=""buttonCont"" alwaysStopAt="true" />
<context />
</template>
<template name="el-button-group" value="<el-button-group> <el-button type="primary" icon="el-icon-arrow-left">上一页</el-button> <el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button> </el-button-group>" description="element button group" toReformat="false" toShortenFQNames="true">
<context />
</template>
<template name="el-card" value="<el-card class="box-card"> <div slot="header" class="clearfix"> <span>卡片名称</span> <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button> </div> <div v-for="o in 4" :key="o" class="text item"> {{'列表内容 ' + o }} </div> </el-card>" description="element card" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-carousel" value="<el-carousel height="150px"> <el-carousel-item v-for="item in 4" :key="item"> <h3>{{ item }}</h3> </el-carousel-item> </el-carousel>" description="element carousel" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-carousel:card" value="<el-carousel :interval="4000" type="card" height="200px"> <el-carousel-item v-for="item in 6" :key="item"> <h3>{{ item }}</h3> </el-carousel-item> </el-carousel>" description="element carousel card" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-cascader" value="<el-cascader :options="$options$" v-model="$selectedOptions$" @change="$handleChange$"></el-cascader>" description="element cascader" toReformat="true" toShortenFQNames="true">
<variable name="options" expression="" defaultValue=""options"" alwaysStopAt="true" />
<variable name="selectedOptions" expression="" defaultValue=""selectedOptions"" alwaysStopAt="true" />
<variable name="handleChange" expression="" defaultValue=""handleChange"" alwaysStopAt="true" />
<context />
</template>
<template name="el-checkbox" value="<el-checkbox v-model="$checkbox$" >$checkboxCont$</el-checkbox>" description="element checkbox" toReformat="false" toShortenFQNames="true">
<variable name="checkbox" expression="type" defaultValue=""checkbox"" alwaysStopAt="true" />
<variable name="checkboxCont" expression="checkboxCont" defaultValue=""checkboxCont"" alwaysStopAt="true" />
<context />
</template>
<template name="el-checkbox-button" value="<el-checkbox-button :label="$checkboxLabel$" :key="$checkboxKey$" >$checkboxCont$</el-checkbox-button>" description="element checkbox button" toReformat="false" toShortenFQNames="true">
<variable name="checkboxLabel" expression="checkboxLabel" defaultValue=""checkboxLabel"" alwaysStopAt="true" />
<variable name="checkboxKey" expression="checkboxKey" defaultValue=""checkboxKey"" alwaysStopAt="true" />
<variable name="checkboxCont" expression="checkboxCont" defaultValue=""checkboxCont"" alwaysStopAt="true" />
<context />
</template>
<template name="el-checkbox-group" value="<el-checkbox-group v-model="$checkedCityList$"> <el-checkbox v-for="$city$ in $cityList$" :label="$label$" :key="$key$">{{$cityCont$}}</el-checkbox> </el-checkbox-group>" description="element checkbox group" toReformat="false" toShortenFQNames="true">
<variable name="checkedCityList" expression="checkedCityList" defaultValue=""checkedCityList"" alwaysStopAt="true" />
<variable name="cityList" expression="cityList" defaultValue=""cityList"" alwaysStopAt="true" />
<variable name="city" expression="city" defaultValue=""city"" alwaysStopAt="true" />
<variable name="label" expression="label" defaultValue=""label"" alwaysStopAt="true" />
<variable name="key" expression="key" defaultValue=""key"" alwaysStopAt="true" />
<variable name="cityCont" expression="cityCont" defaultValue=""cityCont"" alwaysStopAt="true" />
<context />
</template>
<template name="el-collapse" value="<el-collapse v-model="activeNames" @change="handleChange(val)"> <el-collapse-item title="一致性 Consistency" name="1"> <div>与现实生活一致</div> <div>在界面中一致</div> </el-collapse-item> <el-collapse-item title="反馈 Feedback" name="2"> <div>控制反馈</div> <div>页面反馈</div> </el-collapse-item> </el-collapse>" description="element collapse" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-collapse-transition" value="<el-collapse-transition> <div v-show="show"> <div class="transition-box">el-collapse-transition</div> <div class="transition-box">el-collapse-transition</div> </div> </el-collapse-transition>" description="el collapse animation" toReformat="false" toShortenFQNames="true">
<context />
</template>
<template name="el-color-picker" value="<el-color-picker v-model="color1"></el-color-picker>" description="element color picker" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-date-picker" value="<el-date-picker v-model="$value$" type="date" placeholder="$placeholder$"></el-date-picker>" description="element date picker" toReformat="true" toShortenFQNames="true">
<variable name="value" expression="" defaultValue="""" alwaysStopAt="true" />
<variable name="placeholder" expression="" defaultValue=""time"" alwaysStopAt="true" />
<context />
</template>
<template name="el-date-picker:datetime" value="<el-date-picker v-model="$value$" type="datetime" placeholder="$placeholder$"></el-date-picker>" description="element date picker" toReformat="true" toShortenFQNames="true">
<variable name="value" expression="" defaultValue="""" alwaysStopAt="true" />
<variable name="placeholder" expression="" defaultValue=""time"" alwaysStopAt="true" />
<context />
</template>
<template name="el-dialog" value="<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose(done)"> <span>这是一段信息</span> <span slot="footer" class="dialog-footer"> <el-button @click="dialogVisible = false">取 消</el-button> <el-button type="primary" @click="dialogVisible = false">确 定</el-button> </span> </el-dialog>" description="element dialog" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-dialog:form" value="<el-dialog title="收货地址" :visible.sync="dialogFormVisible"> <el-form :model="form"> <el-form-item label="活动名称" :label-width="formLabelWidth"> <el-input v-model="form.name" auto-complete="off"></el-input> </el-form-item> <el-form-item label="活动区域" :label-width="formLabelWidth"> <el-select v-model="form.region" placeholder="请选择活动区域"> <el-option label="区域一" value="shanghai"></el-option> <el-option label="区域二" value="beijing"></el-option> </el-select> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="dialogFormVisible = false">取 消</el-button> <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button> </div> </el-dialog>" description="element dialog form" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-dropdown" value="<el-dropdown> <span class="el-dropdown-link"> 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i> </span> <el-dropdown-menu slot="dropdown"> <el-dropdown-item>黄金糕</el-dropdown-item> <el-dropdown-item disabled>双皮奶</el-dropdown-item> <el-dropdown-item divided>蚵仔煎</el-dropdown-item> </el-dropdown-menu> </el-dropdown>" description="element dropdown" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-dropdown:button" value="<el-dropdown> <el-button type="primary"> 更多菜单<i class="el-icon-arrow-down el-icon--right"></i> </el-button> <el-dropdown-menu slot="dropdown"> <el-dropdown-item>黄金糕</el-dropdown-item> <el-dropdown-item>狮子头</el-dropdown-item> </el-dropdown-menu> </el-dropdown>" description="element dropdown button" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-fade-in" value="<transition name="el-fade-in"> <div v-show="show" class="transition-box">.el-fade-in</div> </transition>" description="el fade in" toReformat="false" toShortenFQNames="true">
<context />
</template>
<template name="el-fade-in:linear" value="<transition name="el-fade-in-linear"> <div v-show="show" class="transition-box">.el-fade-in-linear</div> </transition>" description="el fade in linear" toReformat="false" toShortenFQNames="true">
<context />
</template>
<template name="el-form" value="<el-form ref="form" :model="form" label-width="80px"> </el-form>" description="element form" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-form-item:checkbox" value="<el-form-item label="活动性质"> <el-checkbox-group v-model="form.type"> <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox> <el-checkbox label="地推活动" name="type"></el-checkbox> <el-checkbox label="线下主题活动" name="type"></el-checkbox> <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox> </el-checkbox-group> </el-form-item>" description="element form item checkbox" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-form-item:input" value="<el-form-item label="活动名称"> <el-input v-model="form.name"></el-input> </el-form-item>" description="element form item input" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-form-item:radio" value="<el-form-item label="特殊资源"> <el-radio-group v-model="form.resource"> <el-radio label="线上品牌商赞助"></el-radio> <el-radio label="线下场地免费"></el-radio> </el-radio-group> </el-form-item>" description="element form item radio" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-form-item:select" value="<el-form-item label="活动区域"> <el-select v-model="form.region" placeholder="请选择活动区域"> <el-option label="区域一" value="shanghai"></el-option> <el-option label="区域二" value="beijing"></el-option> </el-select> </el-form-item>" description="element form item select" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-form-item:switch" value="<el-form-item label="即时配送"> <el-switch v-model="form.delivery"></el-switch> </el-form-item>" description="element form item switch" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-form-item:textarea" value="<el-form-item label="活动形式"> <el-input type="textarea" v-model="form.desc"></el-input> </el-form-item>" description="element form item textarea" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-form-item:time" value="<el-form-item label="活动时间"> <el-col :span="11"> <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker> </el-col> <el-col class="line" :span="2">-</el-col> <el-col :span="11"> <el-time-picker type="fixed-time" placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker> </el-col> </el-form-item>" description="element form item time" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-form:inline" value="<el-form :inline="true" :model="formInline" class="demo-form-inline"> </el-form>" description="element form inline" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-input" value="<el-input v-model="$input$" placeholder="$placeholder$"></el-input>" description="element input" toReformat="false" toShortenFQNames="true">
<variable name="input" expression="input" defaultValue=""input"" alwaysStopAt="true" />
<variable name="placeholder" expression="placeholder" defaultValue=""placeholder"" alwaysStopAt="true" />
<context />
</template>
<template name="el-input-number" value="<el-input-number v-model="$model$" @change="$handleChange$" :min="$min$" :max="$max$" label="$label$"></el-input-number>" description="element input number" toReformat="true" toShortenFQNames="true">
<variable name="model" expression="" defaultValue=""model"" alwaysStopAt="true" />
<variable name="handleChange" expression="" defaultValue=""handleChange"" alwaysStopAt="true" />
<variable name="min" expression="" defaultValue=""1"" alwaysStopAt="true" />
<variable name="max" expression="" defaultValue=""10"" alwaysStopAt="true" />
<variable name="label" expression="" defaultValue=""label"" alwaysStopAt="true" />
<context />
</template>
<template name="el-input:textarea" value="<el-input type="textarea" placeholder="$placeholder$" v-model="$model$"></el-input>" description="element input textarea" toReformat="false" toShortenFQNames="true">
<variable name="placeholder" expression="placeholder" defaultValue=""placeholder"" alwaysStopAt="true" />
<variable name="model" expression="model" defaultValue=""model"" alwaysStopAt="true" />
<context />
</template>
<template name="el-menu" value="<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item index="1">处理中心</el-menu-item> </el-menu>" description="element menu" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-menu:fold" value=" <el-radio-group v-model="isCollapse" style="margin-bottom: 20px;"> <el-radio-button :label="false">展开</el-radio-button> <el-radio-button :label="true">收起</el-radio-button> </el-radio-group> <el-menu default-active="1-4-1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse"> <el-submenu index="1"> <template slot="title"> <i class="el-icon-location"></i> <span slot="title">导航一</span> </template> <el-menu-item-group> <span slot="title">分组一</span> <el-menu-item index="1-1">选项1</el-menu-item> <el-menu-item index="1-2">选项2</el-menu-item> </el-menu-item-group> <el-menu-item-group title="分组2"> <el-menu-item index="1-3">选项3</el-menu-item> </el-menu-item-group> <el-submenu index="1-4"> <span slot="title">选项4</span> <el-menu-item index="1-4-1">选项1</el-menu-item> </el-submenu> </el-submenu> </el-menu>" description="element menu fold" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-menu:group" value="<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-submenu index="1"> <template slot="title"> <i class="el-icon-location"></i> <span>导航一</span> </template> <el-menu-item-group> <template slot="title">分组一</template> <el-menu-item index="1-1">选项1</el-menu-item> <el-menu-item index="1-2">选项2</el-menu-item> </el-menu-item-group> </el-submenu> </el-menu>" description="element menu group" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-menu:submenu" value="<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-submenu index="1"> <template slot="title">我的工作台</template> <el-menu-item index="1-1">选项1</el-menu-item> <el-menu-item index="1-2">选项2</el-menu-item> <el-menu-item index="1-3">选项3</el-menu-item> </el-submenu> </el-menu>" description="element menu submenu" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-pagination" value="<el-pagination layout="prev, pager, next" :total="50"> </el-pagination>" description="element pagination" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-pagination:background" value="<el-pagination background layout="prev, pager, next" :total="50"> </el-pagination>" description="element pagination background" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-pagination:full" value="<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="400"> </el-pagination>" description="element pagination full" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-popover" value="<el-popover ref="popover1" placement="top-start" title="标题" width="200" trigger="hover" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"> </el-popover>" description="element popover" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-popover:insert" value="<el-popover ref="popover4" placement="right" width="400" trigger="click"> <el-table :data="gridData"> <el-table-column width="150" property="date" label="日期"></el-table-column> <el-table-column width="100" property="name" label="姓名"></el-table-column> <el-table-column width="300" property="address" label="地址"></el-table-column> </el-table> </el-popover>" description="element popover insert" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-progress" value="<el-progress :percentage="30"></el-progress>" description="element tag" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-progress:circle" value="<el-progress type="circle" :percentage="25"></el-progress>" description="element tag circle" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-progress:inside" value="<el-progress :text-inside="true" :stroke-width="18" :percentage="70"></el-progress>" description="element tag inside" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-radio" value="<el-radio v-model="$radio$" label="$label$">$radioCont$</el-radio>" description="element radio" toReformat="false" toShortenFQNames="true">
<variable name="radio" expression="type" defaultValue=""radio"" alwaysStopAt="true" />
<variable name="label" expression="label" defaultValue=""label"" alwaysStopAt="true" />
<variable name="radioCont" expression="radioCont" defaultValue=""radioCont"" alwaysStopAt="true" />
<context />
</template>
<template name="el-radio-button" value="<el-radio-button label="$radioButtonCont$"></el-radio-button>" description="element radio button" toReformat="false" toShortenFQNames="true">
<variable name="radioButtonCont" expression="radioButtonCont" defaultValue=""radioButtonCont"" alwaysStopAt="true" />
<context />
</template>
<template name="el-radio-group" value="<el-radio-group v-model="$model$"> <el-radio :label="$label1$">$cont1$</el-radio> <el-radio :label="$label2$">$cont2$</el-radio> </el-radio-group>" description="element radio group" toReformat="false" toShortenFQNames="true">
<variable name="model" expression="model" defaultValue=""model"" alwaysStopAt="true" />
<variable name="label1" expression="label1" defaultValue=""label1"" alwaysStopAt="true" />
<variable name="cont1" expression="cont1" defaultValue=""cont1"" alwaysStopAt="true" />
<variable name="label2" expression="label2" defaultValue=""label2"" alwaysStopAt="true" />
<variable name="cont2" expression="cont2" defaultValue=""cont2"" alwaysStopAt="true" />
<context />
</template>
<template name="el-rate" value="<el-rate v-model="value2" ></el-rate>" description="element rate" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-rate:colors" value="<el-rate v-model="value2" :colors="['#99A9BF', '#F7BA2A', '#FF9900']"> </el-rate>" description="element rate" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-rate:halfstar" value="<el-rate v-model="3.7" disabled show-score text-color="#ff9900" score-template="{value}"> </el-rate>" description="element rate" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-row" value="<el-row :gutter="$gutter$"> <el-col :span="$span$">$cont$</el-col> </el-row>" description="layout with row and col" toReformat="false" toShortenFQNames="true">
<variable name="gutter" expression="gutter between row" defaultValue=""10"" alwaysStopAt="true" />
<variable name="span" expression="col lines" defaultValue=""6"" alwaysStopAt="true" />
<variable name="cont" expression="cont" defaultValue=""10"" alwaysStopAt="true" />
<context />
</template>
<template name="el-rules:array" value="{ type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }" description="element rules array" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-rules:date" value="{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }" description="element rules date" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-rules:define" value="{ validator: validatePass, trigger: 'blur' }" description="element rules define" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-rules:define-data" value="var checkAge = (rule, value, callback) => { if (!value) { return callback(new Error('empty')); } callback(); };" description="element rules define" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-rules:minMax" value="{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }" description="element rules minMax" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-rules:required" value="{required: true, message:'请输入', trigger: "blur"}" description="element rules required" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-select" value="<el-select v-model="$model$" placeholder="$placeholder$"> <el-option v-for="$item$ in $optionsList$" :key="$item$.value" :label="$item$.label" :value="$item$.value"> </el-option> </el-select>" description="element select" toReformat="true" toShortenFQNames="true">
<variable name="model" expression="" defaultValue=""model"" alwaysStopAt="true" />
<variable name="placeholder" expression="" defaultValue=""placeholder"" alwaysStopAt="true" />
<variable name="optionsList" expression="" defaultValue=""optionsList"" alwaysStopAt="true" />
<variable name="item" expression="" defaultValue=""item"" alwaysStopAt="true" />
<context />
</template>
<template name="el-slider" value="<el-slider v-model="$model$"></el-slider>" description="element slider" toReformat="true" toShortenFQNames="true">
<variable name="model" expression="" defaultValue=""30"" alwaysStopAt="true" />
<context />
</template>
<template name="el-steps" value="<el-steps :active="active" finish-status="success"> <el-step title="步骤 1"></el-step> <el-step title="步骤 2"></el-step> <el-step title="步骤 3"></el-step> </el-steps>" description="element steps" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-steps:icon" value="<el-steps :active="1"> <el-step title="步骤 1" icon="el-icon-edit"></el-step> <el-step title="步骤 2" icon="el-icon-upload"></el-step> <el-step title="步骤 3" icon="el-icon-picture"></el-step> </el-steps>" description="element step icon" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-steps:simple" value="<el-steps :active="1" simple> <el-step title="步骤 1" icon="el-icon-edit"></el-step> <el-step title="步骤 2" icon="el-icon-upload"></el-step> <el-step title="步骤 3" icon="el-icon-picture"></el-step> </el-steps>" description="element step simple" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-switch" value="<el-switch v-model="$value$"active-color="$activeColor$"inactive-color="$inactiveColor$"></el-switch>" description="element switch" toReformat="true" toShortenFQNames="true">
<variable name="value" expression="" defaultValue=""true"" alwaysStopAt="true" />
<variable name="activeColor" expression="" defaultValue=""#13ce66"" alwaysStopAt="true" />
<variable name="inactiveColor" expression="" defaultValue=""#ff4949"" alwaysStopAt="true" />
<context />
</template>
<template name="el-tab" value="<el-tabs v-model="activeName" @tab-click="handleClick(tab, event)"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane> </el-tabs>" description="element tab" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-tab:bordercard" value="<el-tabs type="border-card" v-model="activeName" @tab-click="handleClick(tab, event)"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane> </el-tabs>" description="element tab bordercard" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-tab:card" value="<el-tabs type="card" v-model="activeName" @tab-click="handleClick(tab, event)"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane> </el-tabs>" description="element tab card" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-table" value="<el-table :data="[{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }]" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名" width="180"> </el-table-column> <el-table-column prop="address" label="地址"> </el-table-column> </el-table>" description="element table" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-table-column" value="<el-table-column header-align="center" align="center" prop="columnProp" label="columnLabel" > </el-table-column>" description="element table column" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-table-column:left" value="<el-table-column header-align="left" align="left" prop="columnProp" label="columnLabel" > </el-table-column>" description="element table column" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-table-column:slot" value="<el-table-column header-align="center" align="center" label="columnLabel"> <template slot-scope="scope"> {{scope.row.status}} </template> </el-table-column>" description="element table column" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-table:border" value="<el-table border :data="[{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }]" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名" width="180"> </el-table-column> <el-table-column prop="address" label="地址"> </el-table-column> </el-table>" description="element table border" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-table:fixedheader" value="<el-table :data="[{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }]" height="250" border style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名" width="180"> </el-table-column> <el-table-column prop="address" label="地址"> </el-table-column> </el-table>" description="element table" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-table:select" value="<el-table ref="multipleTable" :data="[{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }]" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"> </el-table-column> <el-table-column label="日期" width="120"> <template slot-scope="scope">{{ scope.row.date }}</template> </el-table-column> <el-table-column prop="name" label="姓名" width="120"> </el-table-column> <el-table-column prop="address" label="地址" show-overflow-tooltip> </el-table-column> </el-table>" description="element table" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-table:sort" value="<el-table :data="[{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }]" style="width: 100%" :default-sort = "{prop: 'date', order: 'descending'}" > <el-table-column prop="date" label="日期" sortable width="180"> </el-table-column> <el-table-column prop="name" label="姓名" sortable width="180"> </el-table-column> <el-table-column prop="address" label="地址" :formatter="formatter"> </el-table-column> </el-table>" description="element table" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-tag" value="<el-tag type="success">标签二</el-tag>" description="element tag" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-tag:remove" value="<el-tag v-for="tag in [ { name: '标签一', type: '' }, { name: '标签二', type: 'success' }]" :key="tag.name" closable :type="tag.type"> {{tag.name}} </el-tag>" description="element table" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-time-picker" value="<el-time-picker v-model="$value$" :picker-options="{ selectableRange: '$start$ - $end$' }" placeholder="$placeholder$"></el-time-picker>" description="element time picker" toReformat="true" toShortenFQNames="true">
<variable name="value" expression="" defaultValue="""" alwaysStopAt="true" />
<variable name="start" expression="" defaultValue=""18:30:00"" alwaysStopAt="true" />
<variable name="end" expression="" defaultValue=""20:30:00"" alwaysStopAt="true" />
<variable name="placeholder" expression="" defaultValue=""time"" alwaysStopAt="true" />
<context />
</template>
<template name="el-time-select" value="<el-time-select v-model="$value$" :picker-options="{start: '$start$',step: '$step$',end: '$end$'}" placeholder="$placeholder$"></el-time-select>" description="element time select" toReformat="true" toShortenFQNames="true">
<variable name="value" expression="" defaultValue="""" alwaysStopAt="true" />
<variable name="start" expression="" defaultValue=""08:30"" alwaysStopAt="true" />
<variable name="step" expression="" defaultValue=""00:15"" alwaysStopAt="true" />
<variable name="end" expression="" defaultValue=""18:30"" alwaysStopAt="true" />
<variable name="placeholder" expression="" defaultValue=""time"" alwaysStopAt="true" />
<context />
</template>
<template name="el-tooltip" value="<el-tooltip class="item" effect="dark" content="Top Center 提示文字" placement="top"> <el-button>上边</el-button> </el-tooltip>" description="element tooltip" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-tooltip:content" value="<el-tooltip placement="top"> <div slot="content">多行信息<br/>第二行信息</div> <el-button>Top center</el-button> </el-tooltip>" description="element tooltip content" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-transfer" value="<el-transfer v-model="modelList" :data="[{key: 1, label: '备选项1', disabled: false}, {key: 2, label: '备选项2', disabled: true}]"></el-transfer>" description="element transfer" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-transfer:search" value="<el-transfer v-model="modelList" :data="[{key: 1, label: '备选项1', disabled: false}, {key: 2, label: '备选项2', disabled: true}]" filterable :filter-method="filterMethod" filter-placeholder="请输入城市拼音"></el-transfer>" description="element transfer" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-tree" value="<el-tree :data="[{ label: '一级 1', children: [{ label: '二级 1-1', children: [{ label: '三级 1-1-1' }] }] }]" :props=" { children: 'children', label: 'label' }" @node-click="handleNodeClick(data)"></el-tree>" description="element tree" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-tree:select" value="<el-tree show-checkbox :data="[{ label: '一级 1', children: [{ label: '二级 1-1', children: [{ label: '三级 1-1-1' }] }] }]" :props=" { children: 'children', label: 'label' }" @node-click="handleNodeClick(data)"></el-tree>" description="element tree select" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-upload" value="<el-upload class="upload-demo" action="https://www.demo.com/posts/" :on-preview="handlePreview(file)" :on-remove="handleRemove(file, fileList)" :before-remove="beforeRemove(files, fileList)" multiple :limit="3" :on-exceed="handleExceed(files, fileList)" :file-list="[{name: 'name', url: 'url'}, {name: 'name2', url: 'url'}]"> <el-button size="small" type="primary">点击上传</el-button> <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> </el-upload>" description="element upload" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-upload:avatar" value="<el-upload class="avatar-uploader" action="https://www.dmeo.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess(res, file)" :before-upload="beforeAvatarUpload(file)"> <img v-if="imageUrl" :src="imageUrl" class="avatar"> <i v-else class="el-icon-plus avatar-uploader-icon"></i> </el-upload>" description="element upload avatar" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="el-zoom-in:bottom" value="<transition name="el-zoom-in-bottom"> <div v-show="show" class="transition-box">.el-zoom-in-bottom</div> </transition>" description="el zoom in bottom" toReformat="false" toShortenFQNames="true">
<context />
</template>
<template name="el-zoom-in:center" value="<transition name="el-zoom-in-center"> <div v-show="show" class="transition-box">.el-zoom-in-center</div> </transition>" description="el zoom in center" toReformat="false" toShortenFQNames="true">
<context />
</template>
<template name="el-zoom-in:top" value="<transition name="el-zoom-in-top"> <div v-show="show" class="transition-box">.el-zoom-in-top</div> </transition>" description="el zoom in top" toReformat="false" toShortenFQNames="true">
<context />
</template>
<template name="elm-alert" value="this.$alert('这是一段内容', '标题名称', { confirmButtonText: '确定', callback: action => { this.$message({ type: 'info', message: 'message' }); } });" description="element alert" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="elm-confirm" value="this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.$message({ type: 'success', message: '删除成功!' }); }).catch(() => { this.$message({ type: 'info', message: '已取消删除' }); });" description="element confirm" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="elm-form-validate" value="this.$refs[formName].validate((valid) => { if (valid) { alert('submit!'); } else { console.log('error submit!!'); return false; } });" description="element form validate" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="elm-message" value="this.$message({ message: '恭喜你,这是一条成功消息', type: 'success' });" description="element message" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="elm-message:close" value="this.$message({ message: '恭喜你,这是一条成功消息', showClose: true, type: 'success' });" description="element message close" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="elm-notify" value="this.$notify({ title: '标题名称', message: h('i', { style: 'color: teal'}, 'notify') });" description="element notify" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="elm-notify:noclose" value="this.$notify({ title: '提示', message: '不会自动关闭的消息', duration: 0 });" description="element notify no close" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="elm-notify:success" value="this.$notify({ title: '成功', message: '这是一条成功的提示消息', type: 'success' });" description="element notify success" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="elm-prompt" value="this.$prompt('请输入邮箱', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', inputPattern: //, inputErrorMessage: 'wrong' }).then(({ value }) => { this.$message({ type: 'success', message: '你的邮箱是: ' + value }); }).catch(() => { this.$message({ type: 'info', message: '取消输入' }); });" description="element prompt" toReformat="true" toShortenFQNames="true">
<context />
</template>
<template name="com-dialog" value="<div class="vue-ms-main vue-ms-main-add" :style="{'maxHeight':infoHeight+'px'}"> <div class="ms-updmain"> $END$ </div> </div>" description="dialog" toReformat="false" toShortenFQNames="true">
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="com-dialog-form" value="<div class="vue-ms-main vue-ms-main-add" :style="{'maxHeight':infoHeight+'px'}"> <div class="ms-updmain"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> $END$ </el-form> </div> </div>" description="dialog form 布局" toReformat="false" toShortenFQNames="true">
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="com-list-table" value="<div ref="msMain" class="vue-ms-main vue-ms-main-sel"> <table-layout :selTabIndex="selTabIndex" :tabNameList='tabNameList' @seltabway='selTabway' @showParamStu='showParamStu'> <!-- 查询 --> <template slot="selBtn"> <el-button @click="getListWay" type="primary" plain size="small" :loading="listLoading" icon="el-icon-search"> 查询 </el-button> <el-button size="small" @click="resetParamWay('params')">重置</el-button> </template> <!-- 查询内容 --> <el-form slot="elForm" ref="params" label-width="78px" class="demo-form-inline" :model="params"> <!-- TODO form --> $FORM$ </el-form> <div slot='selTable'> <!-- 操作 --> <div class="action-model"> <el-tag size="medium"><i class="el-icon-info"/>&nbsp;&nbsp; <span v-for="(item,key) in dataSum" :key="key"> <em>{{ item.key }}</em>&nbsp;{{ item.val }} &nbsp; </span> </el-tag> <!-- 事件 --> <span> <el-button v-if="operationCode.includes('add')" type="primary" icon="el-icon-plus" @click="add" size="small" plain>新增</el-button> </span> </div> <!-- 列表内容 --> <template :style="dataTable"> <el-table ref="multipleTable" v-loading="listLoading" :data="dataList" stripe :height="heightData" border header-align="center" style="width: 100%" @selection-change="handleSelectionChange" lazy > <!-- TODO table-column --> $TABLECOLUMN$ </el-table> </template> <!-- 分页 --> <el-pagination :current-page="pageNo" :page-sizes="pageNum" :page-size="pageSize" :total="totalCount" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" @current-change="handleCurrentChange" /> </div> </table-layout> </div>" description="list table 布局" toReformat="false" toShortenFQNames="true">
<variable name="FORM" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="TABLECOLUMN" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="el-btn:small" value="<el-button size="small" plain="true" type="$type$" >$buttonContent$</el-button> $END$" description="el button small" toReformat="false" toShortenFQNames="true">
<variable name="type" expression="type" defaultValue=""primary"" alwaysStopAt="true" />
<variable name="buttonContent" expression="buttonContent" defaultValue=""buttonContent"" alwaysStopAt="true" />
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="el-form-item:datetime" value="<el-form-item label="日期范围" prop="startEndDate" class="form-wrap-time"> <el-date-picker v-model="params.startEndDate" type="daterange" format="yyyy年MM月dd日" value-format='yyyy/MM/dd HH:mm:ss' range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> </el-form-item>" description="" toReformat="false" toShortenFQNames="true">
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="el-form-item:input-prop" value="<el-form-item label="$LABEL$" prop="$PROP$"> <el-input v-model="$PROP$"></el-input> </el-form-item> $END$" description="el-form-item:input-prop" toReformat="false" toShortenFQNames="true">
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="PROP" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="el-form-item:select-for" value="<el-form-item label="$LABEL$"> <el-select v-model="$MODEL$" placeholder="$PLACEHOLDER$"> <el-option v-for="op in $OPTIONS$" :key="op.code" :label="op.value" :value="op.code"/> </el-select> </el-form-item>" description="el form item select for each" toReformat="false" toShortenFQNames="true">
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="MODEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="PLACEHOLDER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONS" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="el-form-item:select-prop" value="<el-form-item label="$LABEL$"> <el-select v-model="form.region" placeholder="$PLACEHOLDER$"> <el-option label="区域一" value="shanghai"></el-option> <el-option label="区域二" value="beijing"></el-option> </el-select> </el-form-item>" description="element form select" toReformat="false" toShortenFQNames="true">
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="PLACEHOLDER" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="el-table-column:index" value="<el-table-column label="#" type="index" width="50" align="center"/> $END$ " description="el-table-column type="index"" toReformat="false" toShortenFQNames="true">
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="el-table-column:label" value="<el-table-column label="$var1$" prop="$var2$" width="$var3$" align="center"></el-table-column> $END$ " description="<el-table-column label="" prop=""" toReformat="false" toShortenFQNames="true">
<variable name="var1" expression="" defaultValue="""" alwaysStopAt="true" />
<variable name="var2" expression="" defaultValue="""" alwaysStopAt="true" />
<variable name="var3" expression="" defaultValue="100px" alwaysStopAt="true" />
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="exportconst" value="export const $NAME$" description="export const $NAME$" toReformat="false" toShortenFQNames="true">
<variable name="NAME" expression="NAME" defaultValue="""" alwaysStopAt="true" />
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="exportfun" value="export function $NAME$(){ $END$ }" description="export function" toReformat="false" toShortenFQNames="true">
<variable name="NAME" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="import:=" value="'$ITEM$':()=>import('@/$MODULE$')" description="'xxx':()=>import('@/path')" toReformat="false" toShortenFQNames="true">
<variable name="ITEM" expression="camelCase(String)" defaultValue="" alwaysStopAt="true" />
<variable name="MODULE" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="t:-scope" value="<template slot-scope="scope"> <span>{{scope.row.$PROPS$||"-"}}</span> </template>" description="<span>{{scope.row.$PROPS$||"-"}}</span>" toReformat="false" toShortenFQNames="true">
<variable name="PROPS" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="Vue" value="true" />
</context>
</template>
<template name="t:scope" value="<template slot-scope="scope"> $END$ </template>" description="template slot-scope="scope"" toReformat="false" toShortenFQNames="true">
<context>
<option name="Vue" value="true" />
</context>
</template>
IDEA 配置导入导出
IDEA导入/导出live templates或者其他设置
导出
在菜单栏选择 File | Manage IDE Settings | Export Settings
在打开的导出弹窗中,选择需要导出的项目,如果我们只需要导出Live templates,那就只选择Live templates即可,然后选择一个需要导出的位置并设置一个存储的文件名(默认是settings.zip)
点击OK进行导出,导出的文件可以导入到其他IDEA中进行使用
导入
在菜单栏选择 File | Manage IDE Settings | Import Settings
选择之前导出的配置文件,点击OK
在弹出的窗口中选择需要导入的项目,例如Live templates 然后点击OK
重启IDEA使新配置生效