Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>xm-vscodeNew to Visual Studio Code? Get it now.
xm-vscode

xm-vscode

xiaosa

|
63 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

鲜沐前端

功能集合

  • 右键生成表头

    • 对金额、价格做了格式转化,并自动引入 import { number } from '@xm-fe/xm-base'
    • 含有 "" 会处理成UI所示 "" 标红, 生成tsx格式
    • 每一个表头都做了宽度处理,特殊字段特殊处理,普通字段按照 25px/个字符处理(最小100px)
    • 对含有 ["金额", "数量"] 字段做了右对齐处理
    • 表头大于5个,前两个会加上 fixed: 'left'
    • 对 "操作" 字段,加上 fixed: 'right', 并加入了 customRender 属性
  • 常用代码块支持(vue3 + ant-vue), 使用 xm- 可以看到所有的代码块

  • 右键插入list模板页

代码块命名解析

($1)代码块描述 ($2)import ($3)vue3 : {  
    ($4)prefix: ["($5)组件名", "($6)xm-($5)"],
    ($7)body: []
}

$1: 代码块具体什么内容
$2(可无): 该代码块中是否有 import 帮引入
$3: 该代码在什么vue版本中使用 vue3 代表使用 ant design vue UI框架
$4: 唤起该代码块的前缀 数组 可以有有多个唤醒前缀
$5: 通常是组件名
$6: 所有的代买块都应该加入前缀 xm- ,方便大家找到所有的代码块
$7: 代码块内容

版本更新

0.0.9

  • 优化生成表头

0.0.1

Initial 初始化版本


vsce publish

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