Platform Speed
有数BI Platform VS Code快捷开发插件
Features
- if、list折叠
- i18n hover显示中文翻译
- Snippets代码片段 包括Regular代码片段、基础组件代码片段及组件路径引入
- 补全提示 data属性提示、函数补全、$refs补全、store.act reducer函数名
- 快速跳转 this/组件名/ref/函数名称/this.supr/store.act.xxx reducer函数名
- if、list点击后同层级的单词高光
- Regular表达式高光 list、if、@、i18n、函数名、变量名
Snippets代码片段
语法 |
生成内容 |
效果 |
rglc→ |
regular component skeleton |
略 |
list→ |
regular list |
{#list} |
if→ |
regular if |
{#if} |
ifelse→ |
regular if else |
{#if} {#else} {/if} |
ifelseif→ |
regular if else if |
{#if} {#elseif} {/if} |
include→ |inc |
regular include statement |
{#include} |
update→ |
regular update |
this.$update() |
watch→ |
regular watch |
this.$watch() |
emit→ |
regular emit |
this.$emit() |
Snippets 基础组件代码片段及组件路径引入
tip
组件路径引入只在module目录下有效,因为components目录下无法确定是否已经引入了组件
example
更详细的基础组件可以组件库文档 https://uc.youdata.com/
组件名称 |
生成内容 |
效果 |
r-table |
<r-table disabled={isDisabled} heads={heads} body={body} list={list} ref="table" loading={loading} ></r-table> |
- |
可以在settings.json中关闭
"youdataSpeed.showComponentsSnippets": false
补全提示
data属性提示
html中

javascript中

关闭或者过滤属性长度
"youdataSpeed.dataPropertyShowInHTML": false,
"youdataSpeed.dataPropertyShowInJS": false,
"youdataSpeed.dataPropertyFilterLength": 10
函数补全

refs补全

快速跳转
函数跳转

ref跳转

组件名称跳转

this跳转

if、list点击后同层级的单词高光

Regular表达式高光

支持Regular Component Data显示
插件配置
"youdataSpeed.showComponentsSnippets": false, // 是否显示组件的Snippets
"youdataSpeed.dataPropertyShowInHTML": false, // 是否在HTML中展示data属性提示
"youdataSpeed.dataPropertyShowInJS": false, // 是否在JS中输入data.时显示属性提示
"youdataSpeed.dataPropertyFilterLength": 10, // data属性提示长度过滤
"youdataSpeed.platformSrc": 10, // 平台项目绝对路径(一般不需要配置)
"youdataSpeed.i18nShowLabelColor": "", // i18nTooltip的label颜色
"youdataSpeed.i18nShowTextColor": "", // i18nTooltip的text颜色
| |