Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>XT FE PluginNew to Visual Studio Code? Get it now.
XT FE Plugin

XT FE Plugin

XTransfer

|
32 installs
| (0) | Free
XTransfer前端VSCode扩展
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

插件说明

XT通用代码片段,涵盖通用组件及一些常用代码片段,用于统一代码风格,提升开发效率,配置化开发

用法

插件商店搜索XT找到插件安装后重启vscode即可使用,输入代码关键字可生成代码片段,按tab键可跳转光标位置

片段关键词

组件类:输入关键词生成组件基础代码

有些片段有vue和js两个版本,使用-v区分,-v用于vue文件

XTemplate:vue文件主体代码

XForm

SearchTable

DynamicForm

ApiDataTable

BackEndPagingTable

Modal

Tabs

Row

EncryptionDataCell

EncryptionDataCell-v

Uploader

SelectArr:options为数组类型的Select

SelectObj:options为对象类型的Select

配置类:表单配置及路由配置

columns

columns-v

formOptions

formOptions-v

searchOptions

searchOptions-v

rules

rules-v

route:路由配置

代码类:常用代码片段

log:console.log()

post:post类型接口定义

get:get类型接口定义

api:promise接口调用

asyncApi:await接口调用

handleMapError:import { handleMapErrorInfo } from '@/utils/errorMap'

validate:表单validate校验

render:columns的render

MessageSuccess:this.$Message.success('')

MessageError:同上

MessageWarning.同上

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