Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Code Snippets for UnicloudNew to Visual Studio Code? Get it now.
Code Snippets for Unicloud

Code Snippets for Unicloud

Unicloud FED Team

|
44 installs
| (0) | Free
it's a code snippet plugin for Unicloud
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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 ,我们将不断完善

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft