vsCode 快速生成vue模板
### 1、vsCode 快速生成vue模板
```json
/**
* 到插件市場(chǎng) 安裝 vue-helper
*
ctrl+shift+p[command+shift+p] -> 搜索‘vue.json'貼入已下代碼
* 回到新建文件中 輸入 'vue' -> 等待插件啟動(dòng)
* 選擇"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
/**
* 到插件市場(chǎng) 安裝 vue-helper
* ctrl+shift+p[command+shift+p] -> 搜索‘vue.json'貼入已下代碼
* 回到新建文件中 輸入 'vue' -> 等待插件啟動(dòng)
* 選擇"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-
