添加vscode快速生成vue3.0代码片段文档

This commit is contained in:
zhangyiming
2020-11-19 15:34:21 +08:00
parent 4b99092aef
commit 52f20896d9
5 changed files with 84 additions and 21 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 252 KiB

View File

@@ -1,4 +1,36 @@
## 1. hyper
## 1. VsCode插件
请安装TSLint、Vetur、vscode-icons、ES7 React
## 2. VsCode快速生成代码片段
Ctrl+Shift+P 选中配置用户代码片段 搜索vue.json将下面代码复制进去在.vue文件输入vue回车即可
```
{
"Vue3.0快速生成模板": {
"prefix": "Vue3.0",
"body": [
"<template>",
"\t<div>\n",
"\t</div>",
"</template>\n",
"<script lang='ts'>",
"export default {",
"\tsetup(){",
"\t\treturn{\n\n\t\t}",
"\t},",
"}",
"</script>\n",
"<style scoped>\n",
"</style>",
"$2"
],
"description": "Vue3.0"
}
}
```
![Screen shot](./images/snip.gif)
## 3. hyper
![Screen shot](./images/hyper.gif)