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

backend/src/app.ts

@@ -1,28 +1,28 @@
-import * as express from "express";
+import * as bodyParser from 'body-parser';
-import * as bodyParser from "body-parser";
+import * as express from 'express';
 
 class App {
     public app: express.Application;
     constructor() {
         this.app = express();
         this.config();
-    };
+    }
     private config(): void {
         // 支持json编码的主体
         this.app.use(bodyParser.json());
         // 支持编码的主体
         this.app.use(bodyParser.urlencoded({
-            extended: true
+            extended: true,
         }));
         // 设置静态访问目录(Swagger)
         this.app.use(express.static('public'));
         // 设置跨域访问
         this.app.all('*', (req, res, next) => {
-            res.header("Access-Control-Allow-Origin", "*");
+            res.header('Access-Control-Allow-Origin', '*');
-            res.header("Access-Control-Allow-Headers", "content-type");
+            res.header('Access-Control-Allow-Headers', 'content-type');
-            res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
+            res.header('Access-Control-Allow-Methods', 'PUT,POST,GET,DELETE,OPTIONS');
-            res.header("X-Powered-By", ' 3.2.1');
+            res.header('X-Powered-By', ' 3.2.1');
-            res.header("Content-Type", "application/json;charset=utf-8");
+            res.header('Content-Type', 'application/json;charset=utf-8');
             next();
         });
     }

doc/docs/en/plugs/index.md

@@ -1,4 +1,35 @@
-## 1. hyper
+## 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)
 

doc/docs/zh/plugs/index.md

@@ -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)