2021-03-01 15:06:11 +08:00

38 lines
832 B
Markdown

## 1. VsCode Plugs
please install TSLint、Vetur、vscode-icons、ES7 React
## 2. Quick generation of code fragment by vscode
Ctrl+Shift+P Check configure user code fragment search vue.json Copy the code below Enter Vue in the .vue file and press enter
```
{
"Vue3.0Quick template generation": {
"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)
A beautification command panel plug-in, based on TS, version: windows, MAC, Linux
Download address: https://hyper.is/#installation