Code Snippets for Unicloud
Description
It's a code snippet plugin for VS Code
Purpose
插件收录了大部分 element-ui 组件的snippets 和一些常用的 js、css、vue API 代码片段，它能够帮你节省输入大段常用代码的时间，提高开发效率
Usage
VS Code Extensions中安装插件 Code Snippets for Unicloud
插件的 snippets 是以 u 开头的一串字符，例如:
ulog // 对应 console.log()
uel-button // 对应 <el-button type=""></el-button>
...
Dictionary
element-ui
| snippets |
purpose |
| uel-container |
el-container |
| uel-i |
el-i |
| uel-button |
el-button |
| uel-radio-group |
el-radio-group |
| uel-checkbox-group |
el-checkbox-group |
| uel-input |
el-input |
| uel-select |
el-select |
| uel-switch |
el-switch |
| uel-upload |
el-upload |
| uel-form |
el-form |
| uel-table |
el-table |
| uel-progress |
el-progress |
| uel-tree |
el-tree |
| uel-pagination |
el-pagination |
| uel-menu |
el-menu |
| uel-tabs |
el-tabs |
| uel-breadcrumb |
el-breadcrumb |
| uel-dropdown |
el-dropdown |
| uel-dialog |
el-dialog |
| uel-tooltip |
el-tooltip |
| uel-popover |
el-popover |
| uel-card |
el-card |
| uel-carousel |
el-carousel |
| uel-collapse |
el-collapse |
| umessage |
function $message |
| umessageBox-alert |
function $alert |
| umessageBox-confirm |
function $confirm |
| umessageBox-prompt |
funciton $prompt |
| unotification |
function $notify |
vue API
| snippets |
purpose |
| utemplate |
Single file component base with SCSS |
| udata |
Component data as a function |
| ucomputed |
Vue computed property |
| uprops-simple |
Vue props |
| uprops-advanced |
Props with type and default |
| umethods |
Vue method |
| ucomponents |
Vue componenets |
| uwatch |
Vue watcher with new and old value args |
| uwatch-deep |
Vue watcher in deep |
| urender |
Vue render function |
| ufilters |
Vue filter |
| udirective |
Vue directive |
| ubind-class-object |
Class binding with objects |
| ubind-class-array |
Class binding with array |
| ubind-style-object |
Inline style binding with objects |
| ubind-style-array |
Inline style binding with array |
| urouter-beforeEach |
Vue Router global guards beforeEach |
| ulifehooks |
Enumeration of Vue life circle hooks |
| ugenerate-store |
Vuex base |
| ugenerate-router |
Vue Router base |
| ugenerate-interceptors |
simple interceptors created with Axios |
javascript
| snippets |
purpose |
| upromise |
ES6 promise |
| usetTimeout |
timer setTimeout |
| usetInterval |
timer setInterval |
| ulog |
console.log() |
| uwarn |
console.warn() |
| uswitch-case |
switch-case |
| utry-catch |
try-catch |
| ufor-in |
for-in |
| ufor-of |
for-of |
css
| snippets |
purpose |
| uflex |
simple flex box |
| uclearfix |
clearfix |
| uellipsis |
extra text replaced with Ellipsis |
| umulti-ellipsis |
extra text over defined lines replaced with Ellipsis |
| ucustomize-scrollbar |
customize scrollbar |
| utriangle |
CSS triangle |
| uarrow-right |
CSS arrow-right |
| ubox-shadow |
CSS box-shadow |
| ubackground |
CSS background |
| ufont |
CSS front |
| uborder |
CSS border |
| utransition |
CSS transition |
| ukeyframes |
CSS animation @keyframes |
| uanimation |
CSS animation |
| uhover-moveup |
target element moveup when cursor hover up |
| uhover-scale |
target element change scale when cursor hover up |
RegExp
| snippets |
purpose |
| ureg-positive-integer |
正整数 |
| ureg-zh-en-num |
中英文、数字 |
| 中英文、数字、下划线 |
|
| ureg-space |
空格 |
| ureg-emoji |
emoji 表情 |
| ureg-mobile-phone |
移动电话 |
| ureg-telephone |
固定电话 |
| ureg-ID |
身份证号 |
| ureg-IP |
IP 地址 |
| ureg-port |
端口号 |
| ureg-mail |
邮箱 |
| ureg-website |
网址 |
| ureg-version |
版本号 |
| ureg-social-credit-code |
统一社会信用码 |
and More
Code Snippets for Unicloud 还在起步阶段，如果您有好的想法和需要补充的代码片段，欢迎留下 Issues ,我们将不断完善
| |
