vsCode 快速生成vue模板

vsCode 快速生成vue模板

### 1、vsCode 快速生成vue模板

```json

/**

* 到插件市场 安装 vue-helper

*

ctrl+shift+p[command+shift+p] -> 搜索‘vue.json'贴入已下代码

* 回到新建文件中 输入 'vue' -> 等待插件启动

* 选择"create vue2/vue3" 就可以啦

**/

{

"create Vue2": {

"prefix": "vue",

"body": [

"<template>", " <div> {{msg}} </div>", "</template>\n",

      "<script>", "export  default {",

" data(){", "  return {", " msg: 'hello world!'",

"  }\n", " }\n", "}\n",

"</script>\n", "<style scoped>", "</style>\n",

],

"description": "Log output to console"

},

"create Vue3": {

"prefix": "vue",

"body": [

"<template>", " <div> {{msg}} </div>", "</template>\n",

"<script setup lang='ts'>",

"export  default {",

" data(){", "  return {", " msg: 'hello world!'",

### 1、vsCode 快速生成vue模板

```json

/**

* 到插件市场 安装 vue-helper

* ctrl+shift+p[command+shift+p] -> 搜索‘vue.json'贴入已下代码

* 回到新建文件中 输入 'vue' -> 等待插件启动

* 选择"create vue2/vue3" 就可以啦

**/

{

"create Vue2": {

"prefix": "vue",

"body": [

"<template>", " <div> {{msg}} </div>", "</template>\n",

      "<script>", "export  default {",

" data(){", "  return {", " msg: 'hello world!'",

"  }\n", " }\n", "}\n",

"</script>\n", "<style scoped>", "</style>\n",

],

"description": "Log output to console"

},

"create Vue3": {

"prefix": "vue",

"body": [

"<template>", " <div> {{msg}} </div>", "</template>\n",

"<script setup lang='ts'>",

"export  default {",

" data(){", "  return {", " msg: 'hello world!'",

"  }\n", " }\n", "}\n",

"</script>\n", "<style scoped>", "</style>\n",

],

"description": "Log output to console"

},

}

```

-end-