cesium vscode snippets

{
    // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
    // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
    // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
    // used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
    // Placeholders with the same ids are connected.
    // Example:
    // "Print to console": {
    //     "scope": "javascript,typescript",
    //     "prefix": "log",
    //     "body": [
    //         "console.log('$1');",
    //         "$2"
    //     ],
    //     "description": "Log output to console"
    // }
    "dog": {
        "prefix": "dog",
        "body": [
          "<template>",
          "  <div id='cesiumContainer'>$0</div>",
          "</template>",
          "",
          "<script>",
          "import cesiumCommon from '../../commonUtil/cesiumCommon'",
          "export default {",
          "  data () {",
          "    return {",
          "    }",
          "  },",
          "",
          "  components: {},",
          "",
          "  computed: {",          
          "},",
          "  watch: {",          
          "},",
          "",
          "  created() {},",
          "",
          "  mounted() {",
          "cesiumCommon.init3D()",
          "},",
          "  destroyed() {},",
          "  methods: {}",
          "}",
          "",
          "</script>",
          "<style lang='less' scoped>",
          "#cesiumContainer {",
            "position: absolute;",
            "left: 0;",
            "top: 0;",
            "width: 100%;",
            "height: 100%;",
          "}",
          "</style>"
        ],
        "description": "cesium初始化页面"
      }
}