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-
网友评论