diff --git a/napi_IntelliJ_plugin/src/com/sk/dialog/GenerateDialogPane.form b/napi_IntelliJ_plugin/src/com/sk/dialog/GenerateDialogPane.form
index 38db3ee12f01dde6bb64738e761f65f1ac9169f1..aa4ebed53b0e2e05c439be1a9732b34aab629eb8 100644
--- a/napi_IntelliJ_plugin/src/com/sk/dialog/GenerateDialogPane.form
+++ b/napi_IntelliJ_plugin/src/com/sk/dialog/GenerateDialogPane.form
@@ -81,6 +81,9 @@
                       <component id="b8274" class="javax.swing.JLabel">
                         <constraints/>
                         <properties>
+                          <maximumSize width="97" height="17"/>
+                          <minimumSize width="97" height="17"/>
+                          <preferredSize width="97" height="17"/>
                           <text value="选择接口文件:"/>
                         </properties>
                       </component>
@@ -117,6 +120,9 @@
                       <component id="a8735" class="javax.swing.JLabel">
                         <constraints/>
                         <properties>
+                          <maximumSize width="97" height="17"/>
+                          <minimumSize width="97" height="17"/>
+                          <preferredSize width="97" height="17"/>
                           <text value="生成框架路径:"/>
                         </properties>
                       </component>
@@ -153,6 +159,9 @@
                       <component id="19e9c" class="javax.swing.JLabel">
                         <constraints/>
                         <properties>
+                          <maximumSize width="97" height="17"/>
+                          <minimumSize width="97" height="17"/>
+                          <preferredSize width="97" height="17"/>
                           <text value="编译脚本路径:"/>
                         </properties>
                       </component>
@@ -192,7 +201,7 @@
                           <maximumSize width="97" height="17"/>
                           <minimumSize width="97" height="17"/>
                           <preferredSize width="97" height="17"/>
-                          <text value="number参数类型:"/>
+                          <text value="number目的类型:"/>
                         </properties>
                       </component>
                       <component id="8af61" class="javax.swing.JComboBox" binding="comboBox">
diff --git a/napi_vs_plugin/src/extension.js b/napi_vs_plugin/src/extension.js
index 0b2c09422d25a7382c4ffd66147744c6c02d9e6d..ad77bb21897cb3590870d0f5d86826938eb7cc35 100644
--- a/napi_vs_plugin/src/extension.js
+++ b/napi_vs_plugin/src/extension.js
@@ -58,6 +58,19 @@ function executor(name, genDir, mode, importIsCheck) {
 	});
 }
 
+function executorH2Ts(name, genDir) {
+	var command = exeFilePath + " -f " + name + " -o " + genDir;
+	var exec = require('child_process').exec;
+	exec(command, function (error, stdout, stderr) {
+		VsPluginLog.logInfo('VsPlugin: stdout =' + stdout + ", stderr =" + stderr);
+		if (error || stdout.indexOf("success") < 0) {
+			vscode.window.showErrorMessage("genError:" + (error != null ? error : "") + stdout);
+			return VsPluginLog.logError("VsPlugin:" + error + stdout);
+		}
+		vscode.window.showInformationMessage("Generated successfully");
+	});
+}
+
 function genCommand(name, genDir, mode, importIsCheck) {
 	var genFileMode = mode == 0 ? " -f " : " -d ";
 	if (genDir == ""){
@@ -87,8 +100,9 @@ function register(context, command) {
 			}
 		);
 		panel.webview.html = getWebviewContent(context);
+		let msg;
 		panel.webview.onDidReceiveMessage(message => {
-			let msg = message.msg;
+			msg = message.msg;
 			if (msg == "cancel") {
 				panel.dispose();
 			} else if(msg == "param") {
@@ -97,12 +111,25 @@ function register(context, command) {
 				let genDir = message.genDir;
 				let importIsCheck = message.importIsCheck;
 				checkMode(name, genDir, mode, importIsCheck);
-			} else {
+			} else if(msg == "h2ts") {
+				let name = message.fileNames;
+				let genDir = message.genDir;
+				name = re.replaceAll(name, " ", "");
+				if ("" == name) {
+					vscode.window.showErrorMessage("Please enter the path!");
+					return;
+				}
+				if (exeFileExit()) {
+					executorH2Ts(name, genDir);
+				} else {
+					vscode.window.showInformationMessage("Copy executable program to " + __dirname);
+				}
+			}else {
 				selectPath(panel, message);
 			}
 		}, undefined, context.subscriptions);
 		let fn = re.getFileInPath(uri.fsPath);
-		let tt = re.match("@ohos.[a-zA-Z_0-9]+.d.ts", fn);
+		let tt = re.match("(@ohos.[a-zA-Z_0-9]+.d.ts)|([a-zA-Z_0-9]+.h)", fn);
 		var result = {
 			msg: "selectInterPath",
 			path: tt ? uri.fsPath : ""
@@ -116,6 +143,7 @@ function register(context, command) {
 * 选择本地目录/文件夹
 */
  function selectPath(panel, message) {
+	let msg = message.msg;
 	let mode = 1;
 	if (message.mode != undefined) {
 		mode = message.mode;
@@ -126,7 +154,9 @@ function register(context, command) {
 		canSelectFiles: mode == 0 ? true : false,//是否选择文件
 		canSelectFolders: mode == 0 ? false : true,//是否选择文件夹
 		defaultUri:vscode.Uri.file(''),//默认打开本地路径
-		filters: { 
+		filters: msg == "selectHFilePath" ? { 
+			'Text files': ['h']
+		} : { 
 			'Text files': ['d.ts']
 		}
 	};
diff --git a/napi_vs_plugin/src/vs_plugin_view.html b/napi_vs_plugin/src/vs_plugin_view.html
index c7dce1cbb87310fa536b0eb98f80a74f4ad5a415..2714fa7457dbb9beb12f13a877746b3a51255639 100644
--- a/napi_vs_plugin/src/vs_plugin_view.html
+++ b/napi_vs_plugin/src/vs_plugin_view.html
@@ -1,24 +1,17 @@
 <!DOCTYPE html>
-<html lang="en" style="width: 100%; height: 100%; text-align: center;">
-
+<html lang="en" style="width: 100%; height: 100%;">
 <head>
-	<meta charset="UTF-8">
+    <meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Napi</title>
 </head>
-
-<body>
-	<style type="text/css">
-		body {
+<style type="text/css">
+        body {
 			background-color: #000000;
 			margin:0 auto;
-			position:absolute;
-			left:35%;
-			top:30%;
 			font-family: Consolas, sans-serif;
 		}
-
-		a {
+        a  {
 			text-decoration: none;
 		}
 
@@ -54,148 +47,257 @@
 			outline: 2px solid #C4C4C4;
 			border: 0px;
 		}
-
-		input.radio {
-			outline: none;
+    .tabs{
+        position: relative;
+        height: 800px;
+        min-height: 800px;
+        max-height: 800px;
+        clear: both;
+        margin: 25px 0;
+        overflow: hidden;
+    }
+    .tab{
+        float: left;
+        margin: 25px 0;
+    }
+    .tab label{
+        background: #eee;
+        padding: 10px 20px;
+        position: relative;
+        left: 1px;
+        border: 0px solid;
+        margin-left: -1px;
+        z-index: 2;
+        color: #333333;
+        background: white;
+    }
+    input.text {
+		width: 250px;
+        height: 18px; 
+        vertical-align:middle;
 		}
+    .content{
+        position: absolute;
+        top: 61px;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: black;
+        padding: 20px 20px;
+        border: 0px solid #ccc;
+        max-height: 800px;
+        overflow: scroll;
+    }
+    [type=radio]:checked ~ label{
+        color: white;
+        background: #3288e9;
+        border: 0px solid #ccc;
+        z-index: 3;
+    }
+    [type=radio]:checked ~ label ~ .content{
+        z-index: 1;
+    }
+</style>
+<script type="text/javascript">
+    var mode = 0;
+    let vscode = acquireVsCodeApi();
+    let importCheck = false;
+    window.onload = function () {
+        document.getElementById("selectMode").addEventListener("change", function (e) {
+            if (e.target.value == 1) {
+                mode = 1;
+            } else {
+                mode = 0;
+            }
+        });
+    }
 
-		div {
-			font-size: 16px;
-			color: #ffffff;
-			/* font-weight: bold; */
-			width: 400px;
-			height: 50px;
-			text-align: left;
-		}
+    function sendParamMsg() {
+        var fileNames = document.getElementById("interfaceFile").value;
+        var genDir = document.getElementById("genFile").value;
+        var result = {
+            msg: "param",
+            mode: mode,
+            fileNames: fileNames,
+            genDir: genDir,
+            importIsCheck: importCheck,
+        }
+        vscode.postMessage(result);
+    }
 
-	</style>
-	<script type="text/javascript">
-		var mode = 0;
-		let vscode = acquireVsCodeApi();
-		let importCheck = false;
-		window.onload = function () {
-			document.getElementById("selectMode").addEventListener("change", function (e) {
-				if (e.target.value == 1) {
-					mode = 1;
-				} else {
-					mode = 0;
-				}
-			});
+    function sendH2TsParamMsg() {
+		var fileNames = document.getElementById("hFilePath").value;
+		var genDir = document.getElementById("genHResultDir").value;
+		var result = {
+			msg: "h2ts",
+			fileNames: fileNames,
+			genDir: genDir,
 		}
+		vscode.postMessage(result);
+	}
 
-		function sendParamMsg() {
-			var fileNames = document.getElementById("interfaceFile").value;
-			var genDir = document.getElementById("genFile").value;
-			var result = {
-				msg: "param",
-				mode: mode,
-				fileNames: fileNames,
-				genDir: genDir,
-				importIsCheck: importCheck,
-			}
-			vscode.postMessage(result);
-		}
+    function selectInterPath() {
+        var result = {
+            msg: "selectInterPath",
+            mode: mode
+        }
+        vscode.postMessage(result);
+    }
 
-		function selectInterPath() {
-			var result = {
-				msg: "selectInterPath",
-				mode: mode
-			}
-			vscode.postMessage(result);
-		}
+    function selectHFilePath() {
+        var result = {
+            msg: "selectHFilePath",
+            mode: "0"
+        }
+        vscode.postMessage(result);
+    }
 
-		function selectPath(message) {
-			var result = {
-				msg: message
-			}
-			vscode.postMessage(result);
-		}
+    function selectPath(message) {
+        var result = {
+            msg: message
+        }
+        vscode.postMessage(result);
+    }
 
-		function cancel() {
-			var result = {
-				msg: "cancel"
-			}
-			vscode.postMessage(result);
-		}
+    function cancel() {
+        var result = {
+            msg: "cancel"
+        }
+        vscode.postMessage(result);
+    }
 
-		function checkbox(obj) {
-			importCheck = obj.checked;
-		}
+    function checkbox(obj) {
+        importCheck = obj.checked;
+    }
 
-		window.addEventListener('message', event => {
-			const message = event.data.msg;
-			const path = event.data.path;
-			if(message == "selectInterPath") {
-				document.getElementById("interfaceFile").value = path;
-				fillInputDir(path);
-			} else if(message == "selectGenPath") {
-				document.getElementById("genFile").value = path;
-			} else if(message == "selectBuildPath") {
-				document.getElementById("buildFile").value = path;
-			}
-			else {
-				console.log("param is error");
-			}
-		})
-
-		function inputChange() {
-			var fileNames = document.getElementById("interfaceFile").value;
-			fillInputDir(fileNames);
-		}
+    window.addEventListener('message', event => {
+        
+        const message = event.data.msg;
+        const path = event.data.path;
+        if(message == "selectInterPath") {
+            let regex = new RegExp("[a-zA-Z_0-9]+.h");
+            if(regex.exec(path)){
+                document.getElementById("tab2").checked = true;
+                document.getElementById("hFilePath").value = path;
+            }else{
+                document.getElementById("interfaceFile").value = path;
+            }
+            fillInputDir(path, message);
+        } else if(message == "selectGenPath") {
+            document.getElementById("genFile").value = path;
+        } else if(message == "selectBuildPath") {
+            document.getElementById("buildFile").value = path;
+        } else if(message == "selectHFilePath") {
+            document.getElementById("hFilePath").value = path;
+            fillInputDir(path, message);
+        } else if(message == "selectHResultDir") {
+            document.getElementById("genHResultDir").value = dir;
+        }
+        else {
+            console.log("param is error");
+        }
+    })
 
-		function fillInputDir(fileNames) {
-			var dir;
-			var fileName;
-			if (mode == 0) {
-				if (fileNames.indexOf(",") != -1) {
-					fileName = fileNames.substring(0, fileNames.indexOf(","));
-				} else {
-					fileName = fileNames;
-				}
-				dir = fileName.substring(0, fileName.lastIndexOf("\\"));
-			} else {
-				dir = fileNames;
-			}
-			document.getElementById("genFile").value = dir;
-			document.getElementById("buildFile").value = dir;
-		}
+    function inputChange() {
+        var fileNames = document.getElementById("interfaceFile").value;
+        fillInputDir(fileNames);
+    }
 
-	</script>
-	<div id="selectMode">
-		选择生成方式：
-		<div style="margin-left: 110px; margin-top: -20px;">
-			<input class="radio" type="radio" name="mode" value="0" id="files" checked="checked"> .d.ts文件(多个文件之间用,号分割)</input><br>
-			<br>
-			<input class="radio" type="radio" name="mode" value="1" id="dir"> 文件夹</input>
-		</div>
-	</div>
-	</br>
-	<div id="interface" style="margin-top: 10px;">
-		选择接口文件：
-		<input class="text" style="width: 250px; height: 18px;" type="text" id="interfaceFile" onchange="inputChange()" onporpertychange="inputChange() ">
-		<img src="./images/file.png" width="16px" height="16px" onclick="selectInterPath()">
-	</div>
-
-	<div style="margin-top: 10px;">
-		生成框架路径：
-		<input class="text" style="width: 250px; height: 18px;" accept="text" id="genFile">
-		<img src="./images/path.png" width="16px" height="16px" onclick="selectPath('selectGenPath')">
-	</div>
-	<div style="margin-top: 10px;">
-		编译脚本路径：
-		<input class="text" style="width: 250px; height: 18px;" type="text" id="buildFile">
-		<img src="./images/path.png" width="16px" height="16px" onclick="selectPath('selectBuildPath')">
-	</div>
-	<div>
-		<input id= "importCheck" type="checkbox" name="import" onclick="checkbox(this)">启用import功能
-	</div>
-	<div style="margin-top: 10px; text-align: right;">
-		<button type="button" class="button" onclick="cancel()" style="background-color: #333333; border: 1px solid #333333; color: #fff;">Cancel</button>
-		<button type="button" class="button" onclick="sendParamMsg()" style="background-color: #4B97D9; border: 1px solid #4B97D9; color: #fff;">Ok</button>
-		<a href="https://gitee.com/openharmony/napi_generator" target="_blank">
-			<button type="button" style="background-color: #333333; width: 20px; height: 20px; border-radius: 50%;border: none; color: #fff;">?</button>
-		</a>
-	</div>
-</body>
+    function fillInputDir(fileNames, message) {
+        var dir;
+        var fileName;
+        if (mode == 0) {
+            if (fileNames.indexOf(",") != -1) {
+                fileName = fileNames.substring(0, fileNames.indexOf(","));
+            } else {
+                fileName = fileNames;
+            }
+            dir = fileName.substring(0, fileName.lastIndexOf("\\"));
+        } else {
+            dir = fileNames;
+        }
+        if(message == "selectInterPath") {
+            let regex = new RegExp("[a-zA-Z_0-9]+.h");
+            if(regex.exec(fileNames)){
+                document.getElementById("genHResultDir").value = dir;
+            }else{
+                document.getElementById("genFile").value = dir;
+                document.getElementById("buildFile").value = dir;
+            }
+        }else{
+            document.getElementById("genHResultDir").value = dir;
+        }
+    }
 
+</script>
+<body>
+<div class="tabs">
+    <div class="tab">
+        <input type="radio" style="display: none;" id="tab1" name="group-1" checked>
+        <label for="tab1">Napi-Gen</label>
+        <div class="content">
+            <div id="selectMode">
+                选择生成方式：
+                <div style="margin-left: 110px; margin-top: -20px;">
+                    <input class="radio" type="radio" name="mode" value="0" id="files" checked="checked"> .d.ts文件</input>
+                    <input class="radio" type="radio" name="mode" value="1" id="dir"> 文件夹</input>
+                </div>
+            </div>
+            </br>
+            <div id="interface" style="margin-top: 10px;">
+                选择接口文件：
+                <input class="text" type="text" id="interfaceFile" onchange="inputChange()" onporpertychange="inputChange() ">
+                <img src="./images/file.png" width="20px" height="20px" style="vertical-align:middle;" onclick="selectInterPath()">
+            </div>
+        
+            <div style="margin-top: 10px;">
+                生成框架路径：
+                <input class="text" accept="text" id="genFile">
+                <img src="./images/path.png" width="20px" height="20px" style="vertical-align:middle;" onclick="selectPath('selectGenPath')">
+            </div>
+            <div style="margin-top: 10px;">
+                编译脚本路径：
+                <input class="text" type="text" id="buildFile">
+                <img src="./images/path.png" width="20px" height="20px" style="vertical-align:middle;" onclick="selectPath('selectBuildPath')">
+            </div>
+            <div style="margin-top: 10px;">
+                启用import功能:
+                <input id= "importCheck" type="checkbox" name="import" onclick="checkbox(this)">
+            </div>
+            <div style="margin-top: 10px; text-align: left;">
+                <button type="button" class="button" onclick="cancel()" style="background-color: #333333; border: 1px solid #333333; color: #fff;">Cancel</button>
+                <button type="button" class="button" onclick="sendParamMsg()" style="background-color: #4B97D9; border: 1px solid #4B97D9; color: #fff;">Ok</button>
+                <a href="https://gitee.com/openharmony/napi_generator" target="_blank">
+                    <button type="button" style="background-color: #333333; width: 20px; height: 20px; border-radius: 50%;border: none; color: #fff;">?</button>
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="tab">
+        <input type="radio" style="display: none;" id="tab2" name="group-1">
+        <label for="tab2">Ts-Gen</label>
+        <div class="content">
+            <div id="interface" style="margin-top: 10px;">
+                文件路径选择:
+                <input class="text" type="text" id="hFilePath" onchange="inputChange()" onporpertychange="inputChange() ">
+                <img src="./images/file.png" width="20px" height="20px" style="vertical-align:middle;" onclick="selectHFilePath()">
+            </div>
+        
+            <div style="margin-top: 10px;">
+                输出目录选择:
+                <input class="text" accept="text" id="genHResultDir">
+                <img src="./images/path.png" width="20px" height="20px" style="vertical-align:middle;" onclick="selectPath('selectHResultDir')">
+            </div>
+
+            <div style="margin-top: 20px; text-align: left;">
+                <button type="button" class="button" onclick="cancel()" style="background-color: #333333; border: 1px solid #333333; color: #fff;">Cancel</button>
+                <button type="button" class="button" onclick="sendH2TsParamMsg()" style="background-color: #4B97D9; border: 1px solid #4B97D9; color: #fff;">Ok</button>
+                <a href="https://gitee.com/openharmony/napi_generator" target="_blank">
+                    <button type="button" style="background-color: #333333; width: 20px; height: 20px; border-radius: 50%;border: none; color: #fff;">?</button>
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
 </html>
\ No newline at end of file