VSCode에서 Vuex Getter Setter를 생성하는 방법

VSCode에서 Vuex Getter Setter를 생성하는 방법

VSCode(Visual Studio Code)에서 vuex Getter 및 Setter whithin 계산 속성을 쉽게 생성할 수 있는 방법이 있습니까?

다음은 계산된 속성 내에서 Vuex Getter 및 Setter를 생성하는 방법입니다.

VSCode 스니펫을 사용합니다.여기 코드 스니펫이 있습니다.

{
"Vuex Getter and Setter ": {
    "scope": "javascript,typescript,vue",
    "prefix": "gset",
    "body": [
        "${2:property}: {",
        "\tget() {",
        "\t\treturn this.\\$store.state.${1:objet}.${2:property}",
        "\t},",
        "\tset(value) {",
        "\t\tthis.\\$store.commit('update${1/^(.)(.*)/${1:/upcase}${2}/}${2/^(.)(.*)/${1:/upcase}${2}/}', value)",
        "\t}",
        "}"
    ],
    "description": "Generate vuex getter and setter for an object and a property"
}

}

결과는 다음과 같습니다.

이를 위한 더 나은 방법이나 멋진 VSCode 플러그인이 있다면 기꺼이 알아보겠습니다.

언급URL : https://stackoverflow.com/questions/64121206/a-way-to-generate-vuex-getter-setter-in-vscode