{"id":108,"date":"2017-03-19T14:19:05","date_gmt":"2017-03-19T06:19:05","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=108"},"modified":"2017-10-11T10:25:45","modified_gmt":"2017-10-11T02:25:45","slug":"electron%e4%b8%80%e6%88%91%e7%9a%84%e7%ac%ac%e4%b8%80%e4%b8%aahello-word%e7%a8%8b%e5%ba%8f","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=108","title":{"rendered":"Electron(\u4e00)\u6211\u7684\u7b2c\u4e00\u4e2ahello word\u7a0b\u5e8f"},"content":{"rendered":"<p>\u8bdd\u4e0d\u591a\u8bf4\u8001\u53f8\u673a\u4eec \u5750\u7a33\u4e86 \u5c0f\u5f1f\u5f00\u8f66\u4e86 \uff0c<\/p>\n<p>&nbsp;<\/p>\n<p><img src=\"http:\/\/img.blog.csdn.net\/20170307175536442?watermark\/2\/text\/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM0NjUyNzE=\/font\/5a6L5L2T\/fontsize\/400\/fill\/I0JBQkFCMA==\/dissolve\/70\/gravity\/Center\" alt=\"\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u91cc\u9762\u7684\u4ee3\u7801 \u6211\u8d34\u51fa\u6765\u7ed9\u5927\u5bb6<\/p>\n<p>&nbsp;<\/p>\n<p>package.json<\/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>main.js<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"hljs javascript\"><span class=\"hljs-keyword\">const<\/span> electron = <span class=\"hljs-built_in\">require<\/span>(<span class=\"hljs-string\">'electron'<\/span>)\r\n<span class=\"hljs-comment\">\/\/ electron \u5168\u5c40\u6a21\u5757.<\/span>\r\n<span class=\"hljs-keyword\">const<\/span> app = electron.app\r\n<span class=\"hljs-comment\">\/\/ app\u4ee3\u8868\u8fdb\u7a0b,BrowserWindow\u7a97\u53e3.<\/span>\r\n<span class=\"hljs-keyword\">const<\/span> BrowserWindow = electron.BrowserWindow\r\n\r\n<span class=\"hljs-keyword\">const<\/span> path = <span class=\"hljs-built_in\">require<\/span>(<span class=\"hljs-string\">'path'<\/span>)\r\n<span class=\"hljs-keyword\">const<\/span> url = <span class=\"hljs-built_in\">require<\/span>(<span class=\"hljs-string\">'url'<\/span>)\r\n\r\n<span class=\"hljs-keyword\">let<\/span> mainWindow\r\n\r\n<span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title\">createWindow<\/span> () <\/span>{\r\n  <span class=\"hljs-comment\">\/\/ Create  browser\u7a97\u53e3.<\/span>\r\n  mainWindow = <span class=\"hljs-keyword\">new<\/span> BrowserWindow({width: <span class=\"hljs-number\">800<\/span>, height: <span class=\"hljs-number\">600<\/span>})\r\n\r\n  mainWindow.loadURL(url.format({\r\n    <span class=\"hljs-comment\">\/\/\u52a0\u8f7d\u4e00\u4e2aurl\uff0c\u53ef\u4ee5\u662f\u672c\u5730\u4e5f\u53ef\u4ee5\u662f\u8fdc\u7a0burl<\/span>\r\n    pathname: path.join(__dirname, <span class=\"hljs-string\">'index.html'<\/span>),\r\n    protocol: <span class=\"hljs-string\">'file:'<\/span>,\r\n    slashes: <span class=\"hljs-literal\">true<\/span>\r\n  }))\r\n\r\n  <span class=\"hljs-comment\">\/\/ \u5f00\u542f\u8c03\u8bd5\u7a97\u53e3.<\/span>\r\n  mainWindow.webContents.openDevTools()\r\n\r\n  <span class=\"hljs-comment\">\/\/ \u5f53\u9875\u9762\u5173\u95ed\u65f6\uff0c\u7a97\u53e3\u5173\u95ed<\/span>\r\n  mainWindow.on(<span class=\"hljs-string\">'closed'<\/span>, <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> () <\/span>{\r\n  \r\n    mainWindow = <span class=\"hljs-literal\">null<\/span>\r\n  })\r\n}\r\n\r\n<span class=\"hljs-comment\">\/\/\u521d\u59cb\u5316\u8c03\u7528\u5165\u53e3<\/span>\r\napp.on(<span class=\"hljs-string\">'ready'<\/span>, createWindow)\r\n\r\napp.on(<span class=\"hljs-string\">'window-all-closed'<\/span>, <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> () <\/span>{\r\n<span class=\"hljs-comment\">\/\/window-all-closed\u6240\u6709\u7a97\u53e3close\u4e4b\u540e\u89e6\u53d1<\/span>\r\n  <span class=\"hljs-keyword\">if<\/span> (process.platform !== <span class=\"hljs-string\">'darwin'<\/span>) {\r\n    app.quit()\r\n  }\r\n})\r\n\r\napp.on(<span class=\"hljs-string\">'activate'<\/span>, <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> () <\/span>{\r\n  <span class=\"hljs-comment\">\/\/ \u9488\u5bf9mac\u6d88\u606f\uff0c\u5f53\u7a97\u53e3\u6fc0\u6d3b\u65f6\u8c03\u7528<\/span>\r\n  <span class=\"hljs-keyword\">if<\/span> (mainWindow === <span class=\"hljs-literal\">null<\/span>) {\r\n    createWindow()\r\n  }\r\n})<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>\u8fd0\u884c\u6548\u679c<\/p>\n<p><img loading=\"lazy\" src=\"http:\/\/img.blog.csdn.net\/20170307175901890?watermark\/2\/text\/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM0NjUyNzE=\/font\/5a6L5L2T\/fontsize\/400\/fill\/I0JBQkFCMA==\/dissolve\/70\/gravity\/Center\" alt=\"\" width=\"300\" height=\"300\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u7ed3\u675f\u4eca\u5929\u53c8\u662f\u4ee3\u7801\u6ee1\u6ee1\u7684\u4e00\u5929\uff0c\u8c22\u8c22\u5404\u4f4d\u8001\u53f8\u673a\u89c2\u770b\uff0c\u6211\u4eec\u4e0b\u671f\u518d\u89c1<\/p>\n<p>&nbsp;<\/p>\n<p><img src=\"http:\/\/img.blog.csdn.net\/20170307175944093?watermark\/2\/text\/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM0NjUyNzE=\/font\/5a6L5L2T\/fontsize\/400\/fill\/I0JBQkFCMA==\/dissolve\/70\/gravity\/Center\" alt=\"\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8bdd\u4e0d\u591a\u8bf4\u8001\u53f8\u673a\u4eec \u5750\u7a33\u4e86 \u5c0f\u5f1f\u5f00\u8f66\u4e86 \uff0c &nbsp; &nbsp; \u91cc\u9762\u7684\u4ee3\u7801 \u6211\u8d34\u51fa\u6765\u7ed9\u5927\u5bb6 &nbsp; [&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\/108"}],"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=108"}],"version-history":[{"count":1,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/108\/revisions"}],"predecessor-version":[{"id":109,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/108\/revisions\/109"}],"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=108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=108"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}