vue template
"vueTemplate": {
"prefix": "jstm",
"body": [
"<template>",
" <div>\n",
" </div>",
"</template>\n",
"<script>",
"export default {",
" name:'',",
" props: {\n",
" },",
" data() {",
" return {\n",
" };",
" },",
" computed: {\n",
" },",
" created() {\n",
" },",
" mounted() {\n",
" },",
" watch: {\n",
" },",
" methods: {\n",
" },",
" components: {\n",
" },",
"};",
"</script>\n",
"<style scoped lang=\"${1:scss}\">\n",
"</style>\n",
],
"description": "Create vue template"
},
ts template
"tsTemplate": {
"prefix": "tstm",
"body": [
"<template>",
" <div>\n",
" </div>",
"</template>\n",
"<script lang=\"${1:ts}\">",
"import Vue from 'vue';",
"import { Component } from 'vue-property-decorator';",
"import { getModule } from 'vuex-module-decorators';",
"import store from '../../../libs/store';",
"import TestStore from '../../../libs/store/test/index';",
"const testStore = getModule(TestStore, store);",
"@Component({",
" props: {",
" index: {",
" type: Number,",
" required: true,",
" },",
" },",
" components: {",
" },",
"})",
"export default class MyTest extends Vue {",
" // 初始化数据",
" private MSG: number = 123;",
" private helloMsg: string = 'hello' + this.MSG;",
" // 计算属性",
" get computedMsg() {",
" return '667';",
" }",
" // 处理函数方法",
" protected getImportInfo() {",
" alert(123456);",
" }",
"}",
"</script>\n",
"<style scoped lang=\"${2:scss}\">\n",
"</style>\n",
],
"description": "Create vue template of TS"
},
ts store/index.ts
"tsStore": {
"prefix": "tsst",
"body": [
"import Vue from 'vue';",
"import Vuex from 'vuex';",
"import TestStore from './Test/index';",
"import Test from './test/index';",
"Vue.use(Vuex);",
"export default new Vuex.Store({",
" modules: {",
" Test,",
" },"
"});",
"",
],
"description": "Create vue Store of TS"
},
ts store/test/index.ts
"tsModStore": {
"prefix": "tsmodst",
"body": [
"import { Module, VuexModule, Mutation, Action } from 'vuex-module-decorators';",
"@Module({ name: 'Test', namespaced: true, stateFactory: true })",
"export default class Test extends VuexModule {",
" public count: number = 12;",
" get getCount() {",
" return this.count;",
" }",
" @Mutation",
" public changeShowStatus(num: number) {"
" this.count= num;",
" }",
],
"description": "Create vue Mod Store of TS"
},