添加指令

Author: Ftrybe

CHANGELOG.md

@@ -1,5 +1,13 @@
 #
 
+## 1.1.8
+
+添加指令文件
+
+## 1.1.7
+
+更新声明文件模版
+
 ## 1.1.5
 
 vuex模块添加导出样式选项，开启后现在可以在类中直接使用xModule了而不用getModule(xModule);

README.md

@@ -1,6 +1,6 @@
 # vue-typescript-file 说明
 
-## 详细功能介绍 
+## 详细功能介绍  
 
 较为详细的功能介绍和动图演示，请点击[csdn](https://blog.csdn.net/zz56138/article/details/102828867 "csdn详细说明")  
 
@@ -9,18 +9,19 @@
 
 ## 预览  
 
-![image](/images/create-component.gif)
+![image](/images/create-component.gif)  
 
 右击文件夹添加组件(right-click folder)  
 
 ### 基本功能
 
-1.添加vue typescript组件
+1.添加vue typescript组件  
 2.添加vuex module子模块（请手动添加stroe目录，并在以下创建index.ts文件和modules目录）
-3.添加空的class文件
-4.添加空的enum文件 
-5.添加空的interface文件 
-6.添加全局的组件声明文件
+3.添加指令文件
+3.添加空的class文件  
+4.添加空的enum文件  
+5.添加空的interface文件  
+6.添加全局的组件声明文件  
 7.snippets  
 
 ### snippets说明
@@ -64,3 +65,5 @@ vx-module 生成vuex 子模块模版
         "</v-ons-page>"
     ]
 ```
+
+#### 有任何不足或需求请在github/csdn上留言（评论），谢谢

package.json

@@ -1,15 +1,15 @@
 {
 	"name": "vue-typescript-file",
 	"displayName": "vue typescript files",
-	"description": "在右击菜单中添加创建vue模版按钮",
-	"version": "1.1.6",
+	"description": "更方便的创建vue typescript组件，只需要右击文件夹，减少snippets的使用",
+	"version": "1.1.8",
 	"icon": "images/icon.png",
 	"publisher": "ftrybe",
 	"author": {
 		"name": "cb Fan"
 	},
 	"engines": {
-		"vscode": "^1.37.0"
+		"vscode": "^1.43.0"
 	},
 	"categories": [
 		"Other",
@@ -56,6 +56,11 @@
 					"default": true,
 					"description": "显示/隐藏添加通用全局声明按钮"
 				},
+				"vue-typescript-files.menu.directive": {
+					"type": "boolean",
+					"default": true,
+					"description": "显示/隐藏添加指令按钮"
+				},
 				"vue-typescript-files.menu.class": {
 					"type": "boolean",
 					"default": true,
@@ -126,6 +131,10 @@
 				"command": "extension.addDeclare",
 				"title": "generate declare file"
 			},
+			{
+				"command": "extension.addDirective",
+				"title": "generate directive file"
+			},
 			{
 				"command": "extension.addClass",
 				"title": "generate class"
@@ -156,6 +165,11 @@
 					"command": "extension.addDeclare",
 					"group": "typescript support"
 				},
+				{
+					"when": "config.vue-typescript-files.menu.declare",
+					"command": "extension.addDirective",
+					"group": "typescript support"
+				},
 				{
 					"when": "config.vue-typescript-files.menu.class",
 					"command": "extension.addClass",

src/enums/menu.ts

@@ -4,5 +4,6 @@ export enum Menu {
     interface = "interface",
     enum = "enum",
     vuexModule = "vuex",
-    declare = "declare"
+    declare = "declare",
+    directive = "directive"
 }

templates/class.tmpl

@@ -1,3 +1,4 @@
 export class {{upperName}} {
 
 }
+export default new {{upperName}}();

templates/declare.tmpl

@@ -1,5 +1,6 @@
 declare module '{{hyphensName}}' {
     import { PluginFunction } from 'vue';
     export const install: PluginFunction<{}>;
-    export function {{upperName}} (): any;
+    interface {{upperName}}{}
+    export const {{upperName}}: {{upperName}};
 }

templates/directive.tmpl

@@ -0,0 +1,21 @@
+import { DirectiveOptions, VNode } from 'vue';
+import { DirectiveBinding } from 'vue/types/options';
+export class {{upperName}} implements DirectiveOptions {
+    bind(el: HTMLElement, binding: DirectiveBinding, vnode: VNode, oldVnode: VNode) {
+
+    }
+    inserted(el: HTMLElement, binding: DirectiveBinding, vnode: VNode, oldVnode: VNode) {
+
+    }
+    update(el: HTMLElement,binding: DirectiveBinding,vnode: VNode,oldVnode: VNode) {
+
+    }
+    componentUpdated(el: HTMLElement,binding: DirectiveBinding,vnode: VNode,oldVnode: VNode) {
+
+    }
+    unbind(el: HTMLElement,binding: DirectiveBinding,vnode: VNode,oldVnode: VNode) {
+
+    }
+
+}
+export default new {{upperName}}();