{"id":110,"date":"2017-03-19T14:19:30","date_gmt":"2017-03-19T06:19:30","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=110"},"modified":"2017-07-31T17:18:16","modified_gmt":"2017-07-31T09:18:16","slug":"electron%e4%ba%8c%e5%ae%89%e8%a3%85vscode%e5%b7%a5%e5%85%b7%e4%b8%8e%e6%8e%a5%e5%8f%97%e6%b6%88%e6%81%af%e6%93%8d%e4%bd%9c","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=110","title":{"rendered":"Electron(\u4e8c)\u5b89\u88c5vscode\u5de5\u5177\u4e0e\u63a5\u53d7\u6d88\u606f\u64cd\u4f5c"},"content":{"rendered":"<p>\u5b89\u88c5\u524d\u63d0\u662f\u5927\u5bb6\u90fd\u5df2\u7ecf\u642d\u5efa\u6210\u529f\u4e86electron\u73af\u5883\uff0c\u63a5\u4e0b\u6765\u6211\u4eec\u63a5\u7740\u4e0a\u6b21\u7684\u5185\u5bb9\u7ee7\u7eed\u5f80\u4e0b\u8d70\uff0c<\/p>\n<p>\u672c\u6587\u4e3b\u8981\u662f\u8bb2\u89e3\u5de5\u5177\u7684\u4f7f\u7528\uff0c\u9996\u5148\u5f53\u7136\u662f\u4e0b\u8f7dvscode \uff0c\u4f20\u9001\u95e8\u5728\u8fd9\u91cc\u00a0<a href=\"http:\/\/http\/\/www.vscode.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">vscode\u4e2d\u6587\u7f51<\/a>\u70b9\u51fb\u4e0b\u8f7d\u5c31\u597d\u4e86\u554a\uff01<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/static.oschina.net\/uploads\/img\/201702\/15155734_VroJ.jpg\" alt=\"\" width=\"500\" height=\"200\" \/><\/p>\n<p>\u88ab\u6211\u4e0b\u8f7d\u4e0b\u6765\u4e86 \u63a5\u4e0b\u6765\u7684\u70b9\u51fb\u5c31\u884c\u4e86<\/p>\n<p>&nbsp;<\/p>\n<p><img src=\"https:\/\/static.oschina.net\/uploads\/img\/201702\/15155735_LoHv.jpg\" alt=\"\" \/><\/p>\n<p>\u4ee3\u7801\u90e8\u5206\u5df2\u7ecf\u8d34\u51fa\u6765\u4e86<\/p>\n<p>\u63a5\u4e0b\u6765\u770b\u7b2c\u4e8c\u90e8\u5206<\/p>\n<p><img src=\"https:\/\/static.oschina.net\/uploads\/img\/201702\/15155735_pRs0.jpg\" alt=\"\" \/><\/p>\n<p>\u5927\u5bb6\u53ef\u4ee5\u9a8c\u8bc1\u4e00\u4e0b \u8fd9\u91cc\u6211\u7b80\u5355\u4fee\u6539\u4e86\u4e00\u4e0b\u4e4b\u540e\u6211\u4eec\u5230\u7ec8\u7aef\uff0c\u79fb\u52a8\u5230\u5bf9\u5e94\u76ee\u5f55 \u00a0electron index.html\u5c31\u53ef\u4ee5\u8fd0\u884c\u4e86 \u662f\u4e0d\u662f\u5f88\u9177\u70ab\uff0c<\/p>\n<p>\u7531\u4e8e\u56fe\u7247\u7684\u6ce8\u91ca\u88ab\u906e\u76d6\u4e86 \u5728\u8fd9\u91cc\u6211\u53d1\u4e00\u4e0b\u4ee3\u7801\uff0c<\/p>\n<p>main.js<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"hljs cs\"><span class=\"hljs-keyword\">const<\/span> {ipcMain} = require(<span class=\"hljs-string\">'electron'<\/span>)<span class=\"hljs-comment\">\/\/\u5168\u5c40\u6a21\u5757 \u5f15\u5165electron<\/span>\r\n\r\nipcMain.on(<span class=\"hljs-string\">'asynchronous-message'<\/span>,(<span class=\"hljs-keyword\">event<\/span>,arg) =&gt;{<span class=\"hljs-comment\">\/\/\u76d1\u542cweb page\u91cc\u53d1\u51fa\u7684message<\/span>\r\n  console.log(<span class=\"hljs-string\">\"mian1\"<\/span> + arg)\r\n\r\n<span class=\"hljs-keyword\">event<\/span>.sender.send(<span class=\"hljs-string\">'asynchronous-reply'<\/span>,<span class=\"hljs-string\">'pong'<\/span>)<span class=\"hljs-comment\">\/\/\u5728main process\u91cc\u5411web page\u53d1\u51famessage<\/span>\r\n\r\n})\r\n\r\nipcMain.on(<span class=\"hljs-string\">'asynchronous-message'<\/span>,(<span class=\"hljs-keyword\">event<\/span>,arg) =&gt;{\r\n\r\n  console.log(<span class=\"hljs-string\">\"main2\"<\/span> + arg)\r\n\r\n<span class=\"hljs-keyword\">event<\/span>.returnValue = <span class=\"hljs-string\">'pong'<\/span>\r\n})<\/pre>\n<p>testp.js<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"hljs lua\">const {ipcRenderer} = <span class=\"hljs-built_in\">require<\/span>(<span class=\"hljs-string\">'electron'<\/span>)\r\n\r\n<span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title\">init<\/span><span class=\"hljs-params\">()<\/span><\/span>{\r\n\r\n    ipcRenderer.on(<span class=\"hljs-string\">'asynchronous-reply'<\/span>,(event,arg) =&gt;{\r\n        alert(<span class=\"hljs-string\">\"web2\"<\/span> + arg)\r\n    })\r\n}\r\n<span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title\">say_hello<\/span><span class=\"hljs-params\">()<\/span><\/span>{\r\n    message = ipcRenderer.send(<span class=\"hljs-string\">'asynchronous-message'<\/span>,<span class=\"hljs-string\">'ping'<\/span>);\r\n    \/\/ipcRenderer.send(<span class=\"hljs-string\">'asynchronous-message'<\/span>,<span class=\"hljs-string\">'ping'<\/span>);\/\/\u53d1\u9001\u6d88\u606f\r\n    \/\/alert(<span class=\"hljs-string\">\"web1\"<\/span> + <span class=\"hljs-string\">'ping'<\/span>);\r\n    alert(message);\r\n}<\/pre>\n<p>packahe.json<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"hljs json\">{\r\n  <span class=\"hljs-attr\">\"name\"<\/span>: <span class=\"hljs-string\">\"electron-quick-start\"<\/span>,\r\n  <span class=\"hljs-attr\">\"version\"<\/span>: <span class=\"hljs-string\">\"1.0.0\"<\/span>,\r\n  <span class=\"hljs-attr\">\"description\"<\/span>: <span class=\"hljs-string\">\"A minimal Electron application\"<\/span>,\r\n  <span class=\"hljs-attr\">\"main\"<\/span>: <span class=\"hljs-string\">\"main.js\"<\/span>,\r\n  <span class=\"hljs-attr\">\"scripts\"<\/span>: {\r\n    <span class=\"hljs-attr\">\"start\"<\/span>: <span class=\"hljs-string\">\"electron .\"<\/span>\r\n  },\r\n  <span class=\"hljs-attr\">\"repository\"<\/span>: <span class=\"hljs-string\">\"https:\/\/github.com\/electron\/electron-quick-start\"<\/span>,\r\n  <span class=\"hljs-attr\">\"keywords\"<\/span>: [\r\n    <span class=\"hljs-string\">\"Electron\"<\/span>,\r\n    <span class=\"hljs-string\">\"quick\"<\/span>,\r\n    <span class=\"hljs-string\">\"start\"<\/span>,\r\n    <span class=\"hljs-string\">\"tutorial\"<\/span>,\r\n    <span class=\"hljs-string\">\"demo\"<\/span>\r\n  ],\r\n  <span class=\"hljs-attr\">\"author\"<\/span>: <span class=\"hljs-string\">\"GitHub\"<\/span>,\r\n  <span class=\"hljs-attr\">\"license\"<\/span>: <span class=\"hljs-string\">\"CC0-1.0\"<\/span>,\r\n  <span class=\"hljs-attr\">\"devDependencies\"<\/span>: {\r\n    <span class=\"hljs-attr\">\"electron\"<\/span>: <span class=\"hljs-string\">\"^1.4.1\"<\/span>,\r\n    <span class=\"hljs-attr\">\"gulp\"<\/span>: <span class=\"hljs-string\">\"^3.9.1\"<\/span>\r\n  }\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>\u4eca\u5929\u53c8\u662f\u4ee3\u7801\u6ee1\u6ee1\u7684\u4e00\u5929<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5b89\u88c5\u524d\u63d0\u662f\u5927\u5bb6\u90fd\u5df2\u7ecf\u642d\u5efa\u6210\u529f\u4e86electron\u73af\u5883\uff0c\u63a5\u4e0b\u6765\u6211\u4eec\u63a5\u7740\u4e0a\u6b21\u7684\u5185\u5bb9\u7ee7\u7eed\u5f80\u4e0b\u8d70\uff0c \u672c\u6587\u4e3b\u8981\u662f\u8bb2\u89e3\u5de5\u5177\u7684 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":136,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[17],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/110"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=110"}],"version-history":[{"count":2,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/110\/revisions"}],"predecessor-version":[{"id":276,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/110\/revisions\/276"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/136"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=110"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}