Yox Snippets for Visual Studio Code

This extension adds Yox Code Snippets into Visual Studio Code.

这个插件基于最新的 Yox 的 API 添加了 Code Snippets。

Snippets

Including most of the API of Yox. You can type Yox, choose Yox.component, and press ENTER, then Yox.component(name, {...}) appear on the screen.

插件的 Snippets 如下表格所示，比如你可以键入 Yox 然后按上下键选中 Yox.component 再按 Enter 键，就输入了Yox.component(name, {...})了。

Prefix	JavaScript Snippet Content
`import`	`import ... from ...`
`newYox`	`new Yox({...})`
`addSpecialEvent`	`Yox.dom.addSpecialEvent(name, function (name, listener) {...})`
`Yox.dom.on`	`Yox.dom.on(node, event, listener)`
`Yox.dom.off`	`Yox.dom.off(node, event, listener)`
`Yox.dom.addClass`	`Yox.dom.addClass(node, className)`
`Yox.dom.removeClass`	`Yox.dom.removeClass(node, className)`
`Yox.directive`	`Yox.directive(name, { bind: function (node, directive, vnode) {...} })`
`Yox.component`	`Yox.component(name, {...})`
`Yox.filter`	`Yox.filter(name, function (value) {...})`
`Yox.transition`	`Yox.transition(name, { leave: function (node) {...} })`
`Yox.partial`	`Yox.partial(name, partial)`
`template`	`template: "..."`
`name`	`name: "..."`
`model`	`model: "..."`
`data`	`data: { key: value }`
`data`	`data: function () {...}`
`filters`	`filters: { definition: function (value) {...} }`
`computed`	`computed: { definition: function (value) {...} }`
`methods`	`methods: { definition: function (value) {...} }`
`watchers`	`watchers: { definition: function (value) {...} }`
`transitions`	`transitions: { enter: function (node) {...} }`
`directives`	`directives: { definition: function (value) {...} }`
`events`	`events: { definition: function (value) {...} }`
`partials`	`partials: {...}`
`propTypes`	`propTypes: {...}`
`components`	`components: {...}`
`beforeCreate`	`beforeCreate: function () {...}`
`afterCreate`	`afterCreate: function () {...}`
`beforeMount`	`beforeMount: function () {...}`
`afterMount`	`afterMount: function () {...}`
`beforeUpdate`	`beforeUpdate: function () {...}`
`afterUpdate`	`afterUpdate: function () {...}`
`beforeDestroy`	`beforeDestroy: function () {...}`
`afterDestroy`	`afterDestroy: function () {...}`
`this.$el`	`this.$el.xxx`
`this.$refs`	`this.$refs.xxx`
`this.$vnode`	`this.$vnode.xxx`
`this.$options`	`this.$options.xxx`
`this.nextTick`	`this.nextTick(task)`
`this.copy`	`this.copy.(data, deep)`
`this.toggle`	`this.toggle(keypath)`
`this.increase`	`this.increase(keypath, step, max)`
`this.decrease`	`this.decrease(keypath, step, min)`
`this.append`	`this.append(keypath, item)`
`this.prepend`	`this.prepend(keypath, item)`
`this.insert`	`this.insert(keypath, item, index)`
`this.remove`	`this.remove(keypath, item)`
`this.removeAt`	`this.removeAt(keypath, index)`
`console.log`	`console.log(...)`
`preventDefault`	`event.prevent()`
`stopPropagation`	`event.stop()`

Prefix	HTML Snippet Content
`template`	`<template>...</template>`
`{{}}`	`{{ ... }}`
`{{!--}}`	`{{!-- ... --}}`
`on-event`	`on-...=...`
`o-directive`	`o-...=...`
`transition`	`transition="..."`
`#if`	`{{#if condition1}}...{{else if condition2}}...{{else}}...{{/if}}`
`#each`	`{{#each items: item}}...{{/each}}`
`#partial`	`{{#partial id}}...{{/partial}}`
`model`	`model="..."`
`<!--`	`<!-- ... -->`