Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>xy-quickNew to Visual Studio Code? Get it now.
xy-quick

xy-quick

ZhuangJR

|
26 installs
| (0) | Free
行云,让全球买卖变得更简单
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

食用文档

详情请查看:https://juejin.cn/post/7090907914268835853

近战版(.ST)

~根路径
├── package.json
├── .ST
|  ├── templates 页面模板
|  |   ├── LinkieStock-vue    // 模板名称
|  |   |   ├── __upperCase_name__    // 创建模板从这层文件夹开始
|  |   |   |   ├── template1.vue.tpl    // 如需模板语法,在声明目标文件类型后添加 .tpl
|  ├── snippets 代码片段(目前只支持以下文件类型)
|  |   |   ├── base.json   // 通用片段(不写业务代码),支持 js/ts/jsx/tsx 文件类型
|  |   |   ├── css.json    // css/less/scss片段
|  |   |   ├── vue.json    // vue片段
|  |   |   ├── taro.json    // taro片段
|  |   |   └── react.json    // react片段

模板解析(引用 handlebars 解析模板内容)

在生成模板时,会要求输入文件名称,该名称会根据以下模板占位符被转换成对应文本变量。

(name 即为 input 输入的文件名,是插件注入的名称固定变量)

名称 模板中 文件/文件夹名称中(精确匹配) 结果
name {{name}} __name__ name
upperCase {{upperCase name}} __upperCase_name__ UPPERCASE
lowerCase {{lowerCase name}} __lowerCase_name__ lowercase
camelCase {{camelCase name}} __camelCase_name__ camelCase
pascalCase{ {pascalCase name}} __pascalCase_name__ PascalCase
snakeCase {{snakeCase name}} __snakeCase_name__ snake_case
upperSnakeCase {{upperSnakeCase name}} __upperSnakeCase_name__ UPPER_SNAKE_CASE
kebabCase {{kebabCase name}} __kebabCase_name__ kebab-case
lowerDotCase {{lowerDotCase name}} __lowerDotCase_name__ lower.dot.case

Tips

模板
// 因为'{{}}'模板语法跟 vue 冲突,为保留 vue 模板语法,需使用以下方式做转义

// index.vue.tpl
<div>
// 在 {{}} 前面加个 \ 即可
        \{{data.msg}}
</div>

// 转换后
<div>
        {{data.msg}}
</div>
片段

在线格式化片段:https://snippet-generator.app/?description=&tabtrigger=&snippet=&mode=vscode

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