Vant Typescript Snippets

Vant VS Code Snippets

Snippets List

work in .vue file

Basic

vantpl

<template>
    <div>
    </div>
</template>

<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator';
import { Row, Col, Cell, CellGroup } from 'vant';
@Component({
     name: '组件名',
     components: {
         [Row.name]: Row,
         [Col.name]: Col,
         [Cell.name]: Cell,
         [CellGroup.name]: CellGroup
     }
})
export default class 组件名 extends Vue {
     created() {

     }
}
</script>

<style lang="scss">
</style>

Basic Part

Form Part

Action Part

Display Part

Navigation Part

Business Part