{"id":7155,"date":"2023-11-23T09:25:31","date_gmt":"2023-11-23T01:25:31","guid":{"rendered":"https:\/\/i007.vip:15443\/wordpress\/?p=7155"},"modified":"2023-11-23T09:25:31","modified_gmt":"2023-11-23T01:25:31","slug":"%e4%bb%8e-vscode-%e7%9c%8b%e5%a4%a7%e5%9e%8b-ide-%e6%8a%80%e6%9c%af%e6%9e%b6%e6%9e%84-2","status":"publish","type":"post","link":"https:\/\/i007.cc\/wordpress\/archives\/7155","title":{"rendered":"\u4ece VSCode \u770b\u5927\u578b IDE \u6280\u672f\u67b6\u6784"},"content":{"rendered":"<header class=\"Post-Header\">\n<div class=\"LabelContainer-wrapper\">\u672c\u6587\u8f6c\u8f7d\u81ea\uff1a<a class=\"internal\" href=\"https:\/\/zhuanlan.zhihu.com\/p\/96041706\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">zhuanlan.zhihu.com\/p\/96<\/span><span class=\"invisible\">041706<\/span><\/a><\/div>\n<\/header>\n<div class=\"Post-RichTextContainer\">\n<div class=\"css-1yuhvjn\">\n<div class=\"css-376mun\">\n<div class=\"RichText ztext Post-RichText css-117anjg\">\n<p data-pid=\"0z6DA959\">\u4f5c\u8005\uff1a<\/p>\n<div class=\"css-1gomreu\"><a class=\"UserLink-link\" href=\"https:\/\/www.zhihu.com\/people\/8c40f1c7236841401327dc36783c12b9\" target=\"_blank\" rel=\"noopener\" data-za-detail-view-element_name=\"User\">@paranoidjk<\/a><\/div>\n<p data-pid=\"0z6DA959\">\u00a0\u8682\u8681\u91d1\u670d \u00b7 \u524d\u7aef\u5f00\u53d1<\/p>\n<h2>\u96f6\u3001\u524d\u8a00<\/h2>\n<p data-pid=\"h3_t0NND\">\u4e3a\u4ec0\u4e48\u8981\u53bb\u770b VSCode\uff1f<br \/>\n\u56e0\u4e3a\u6211\u4eec\u56e2\u961f\u5728\u505a\u7684\u4e2d\u540e\u53f0\u5feb\u901f\u7814\u53d1\u5e73\u53f0<a class=\"internal\" href=\"https:\/\/zhuanlan.zhihu.com\/p\/90238943\" data-za-detail-view-id=\"1043\">\u4e91\u51e4\u8776<\/a>\u4e5f\u662f\u4e00\u6b3e\u7c7b\u4f3c Web IDE \u5f62\u6001\u7684\u4ea7\u54c1\uff1a<\/p>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-d6c2ca9f6c1aa2b3b4fa6dffa10d9903_720w.jpg\" width=\"2880\" height=\"1590\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1590\" data-original=\"https:\/\/pic4.zhimg.com\/v2-d6c2ca9f6c1aa2b3b4fa6dffa10d9903_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-d6c2ca9f6c1aa2b3b4fa6dffa10d9903_b.jpg\" data-original-token=\"v2-d6c2ca9f6c1aa2b3b4fa6dffa10d9903\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<p data-pid=\"tiD3Cnuu\">\u800c\u8c08\u8d77 Web IDE\uff0c\u6ca1\u4eba\u80fd\u7ed5\u5f00 VSCode\uff0c\u5b83\u975e\u5e38\u6d41\u884c\uff0c\u540c\u65f6\u53c8\u5b8c\u5168\u5f00\u6e90\uff0c\u603b\u5171 350000 \u884c TypeScript \u4ee3\u7801\u7684\u5de8\u5927\u5de5\u7a0b\uff0c\u4f7f\u7528\u4e86 142 \u4e2a\u5f00\u6e90\u5e93\u3002\u5e02\u9762\u4e0a\u9009\u62e9\u57fa\u4e8e VSCode \u53bb\u4fee\u6539\u5b9a\u5236\u7684 IDE \u6bd4\u6bd4\u7686\u662f\uff1a<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=http%3A\/\/emas.weex.io\/zh\/tools\/ide.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">Weex Studio<\/a>\u3001<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/www.egret.com\/products\/wing.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">\u767d\u9e6dEgret Wing<\/a>\u3001<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/www.quickapp.cn\/docCenter\/IDEPublicity\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">\u5feb\u5e94\u7528IDE<\/a>&#8230;<\/p>\n<p data-pid=\"ZB-eelxx\">\u6211\u5e0c\u671b\u4ece VSCode \u8eab\u4e0a\u770b\u5230\u4ec0\u4e48\uff1f<\/p>\n<ul>\n<li data-pid=\"jCQaOwfn\">\u5927\u578b\u590d\u6742 GUI \u8f6f\u4ef6\uff08\u5982 IDE \u7c7b\uff09\u5982\u4f55\u7ec4\u7ec7\u529f\u80fd\u6a21\u5757\u4ee3\u7801<\/li>\n<li data-pid=\"eirljBvD\">\u5982\u4f55\u4f7f\u7528 Electron \u6280\u672f\u5c06 Web \u8f6f\u4ef6\u684c\u9762\u5316<\/li>\n<li data-pid=\"UxB5iyJm\">\u5982\u4f55\u5728\u6253\u9020\u63d2\u4ef6\u5316\u5f00\u653e\u751f\u6001\u7684\u540c\u65f6\u4fdd\u8bc1\u8f6f\u4ef6\u6574\u4f53\u8d28\u91cf\u4e0e\u6027\u80fd<\/li>\n<li data-pid=\"OKNGkxhA\">\u5982\u4f55\u6253\u9020\u4e00\u6b3e\u597d\u7528\u7684\u3001\u6d41\u884c\u7684\u5de5\u5177\u8f6f\u4ef6<\/li>\n<\/ul>\n<h2>\u4e00\u3001VSCode \u662f\u4ec0\u4e48<\/h2>\n<h3>\u5b98\u65b9\u5b9a\u4e49<\/h3>\n<blockquote data-pid=\"jnYh1_BG\"><p><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">code.visualstudio.com\/<\/span><\/a><\/p><\/blockquote>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic2.zhimg.com\/80\/v2-523f8344af863033a704bc30eb6ec26d_720w.jpg\" width=\"902\" height=\"384\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"902\" data-rawheight=\"384\" data-original=\"https:\/\/pic2.zhimg.com\/v2-523f8344af863033a704bc30eb6ec26d_r.jpg\" data-actualsrc=\"https:\/\/pic2.zhimg.com\/v2-523f8344af863033a704bc30eb6ec26d_b.jpg\" data-original-token=\"v2-523f8344af863033a704bc30eb6ec26d\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<p data-pid=\"NIdlXkZW\">\u5173\u952e\u8bcd\uff1a<\/p>\n<ul>\n<li data-pid=\"cUJntQAJ\">\u4ee3\u7801\u7f16\u8f91\uff08\u5de5\u5177\u5c5e\u6027\uff09<\/li>\n<li data-pid=\"DhXiv43B\">\u8de8\u5e73\u53f0\u8fd0\u884c\u3001\u5f00\u6e90<\/li>\n<li data-pid=\"XdD_Ofum\">\u6838\u5fc3\u529f\u80fd\uff1a\n<ul>\n<li data-pid=\"YUyFx5VQ\">IntelliSense\uff08\u4ee3\u7801\u63d0\u793a\uff09\u3001 debugging\uff08\u4ee3\u7801\u8c03\u8bd5\uff09\u3001 git\uff08\u4ee3\u7801\u7ba1\u7406\uff09 \u90fd\u662f\u56f4\u7ed5\u4ee3\u7801\u7f16\u8f91\u7684\u6838\u5fc3\u94fe\u8def<\/li>\n<li data-pid=\"atZ5Xtds\">extensions \uff08\u63d2\u4ef6\uff09\u5219\u80a9\u8d1f\u7740\u6253\u9020\u5f00\u653e\u751f\u6001\u7684\u8d23\u4efb<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic2.zhimg.com\/80\/v2-f52caf2eef3e231024a798d67f2ac989_720w.png\" width=\"2248\" height=\"268\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2248\" data-rawheight=\"268\" data-original=\"https:\/\/pic2.zhimg.com\/v2-f52caf2eef3e231024a798d67f2ac989_r.jpg\" data-actualsrc=\"https:\/\/pic2.zhimg.com\/v2-f52caf2eef3e231024a798d67f2ac989_b.png\" data-original-token=\"v2-f52caf2eef3e231024a798d67f2ac989\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-7a762f1833fa3b9638bf9fee562ae16f_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic4.zhimg.com\/v2-7a762f1833fa3b9638bf9fee562ae16f_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-7a762f1833fa3b9638bf9fee562ae16f_b.jpg\" data-original-token=\"v2-7a762f1833fa3b9638bf9fee562ae16f\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\u70b9\u8bc4\uff1a\r\n\u5bf9\u4e8e\u5de5\u5177\u8f6f\u4ef6\u800c\u8a00\uff0c\u9700\u8981\u5185\u5fc3\u80fd\u60f3\u6e05\u695a\u8fb9\u754c\u3002\r\n\u54ea\u4e9b\u662f\u81ea\u5df1\u5e94\u8be5\u4e13\u6ce8\u53bb\u505a\u7684\uff0c\u54ea\u4e9b\u53ef\u4ee5\u5916\u6ea2\u5230\u4ea4\u7ed9\u7b2c\u4e09\u65b9\u6269\u5c55\u6765\u6ee1\u8db3\u3002<\/code><\/pre>\n<\/div>\n<h3>\u53d1\u5c55\u5386\u7a0b<\/h3>\n<ul>\n<li data-pid=\"CvOzcv1l\">2015-04 \uff084\u5e74\u524d\uff09 \u53d1\u5e03<\/li>\n<li data-pid=\"lPHJOUrI\">2015-11 \uff08\u53d1\u5e03\u4e4b\u540e\u534a\u5e74\uff09\u5f00\u6e90<\/li>\n<li data-pid=\"F9QpfdAf\">2019-05 \u53d1\u5e03 VSCode Remote Development<\/li>\n<\/ul>\n<p data-pid=\"iG5xf2Sv\">\u56e2\u961f\u8d1f\u8d23\u4eba\uff1a<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/zh.wikipedia.org\/zh\/%25E5%259F%2583%25E9%2587%258C%25E5%25B8%258C%25C2%25B7%25E4%25BC%25BD%25E7%2591%25AA\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">Erich Gamma<\/a>\u00a0.\u00a0<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/junit.org\/junit5\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">JUnit<\/a>\u00a0\u4f5c\u8005\u4e4b\u4e00\uff0c<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/book.douban.com\/subject\/1052241\/\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">\u300a\u8bbe\u8ba1\u6a21\u5f0f\u300b<\/a>\u4f5c\u8005\u4e4b\u4e00\uff0c Eclipse \u67b6\u6784\u5e08\u30022011 \u52a0\u5165\u5fae\u8f6f\uff0c\u5728\u745e\u58eb\u82cf\u9ece\u4e16\u7ec4\u5efa\u56e2\u961f\u5f00\u53d1\u57fa\u4e8e web \u6280\u672f\u7684\u7f16\u8f91\u5668\uff0c\u4e5f\u5c31\u662f\u540e\u6765\u7684 monaco-editor\u3002VSCode \u5f00\u53d1\u56e2\u961f\u4ece 10 \u6765\u4e2a\u4eba\u5f00\u59cb\uff0c\u65e9\u671f\u6210\u5458\u5927\u591a\u6709 Eclipse \u5f00\u53d1\u56e2\u961f\u7684\u80cc\u666f\u3002<\/p>\n<blockquote data-pid=\"x5Ic7rP2\"><p><a class=\"internal\" href=\"https:\/\/zhuanlan.zhihu.com\/p\/35303567\" data-za-detail-view-id=\"1043\">Visual Studio Code\u6709\u54ea\u4e9b\u5de5\u7a0b\u65b9\u9762\u7684\u4eae\u70b9<\/a><br \/>\n<a class=\"internal\" href=\"https:\/\/www.zhihu.com\/question\/36292298\" data-za-detail-view-id=\"1043\">\u7ef4\u62a4\u4e00\u4e2a\u5927\u578b\u5f00\u6e90\u9879\u76ee\u662f\u600e\u6837\u7684\u4f53\u9a8c\uff1f<\/a><br \/>\n<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/rebornix.com\/work\/2019\/10\/18\/Shape-Up\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">\u300cShape Up\u300d \u9002\u5408\u4e2d\u5c0f\u56e2\u961f\u7684\u4e00\u79cd\u5de5\u4f5c\u65b9\u5f0f<\/a><\/p><\/blockquote>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"content_image lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-86c0a7a713e88ffe4319eccc898099ff_720w.webp\" width=\"408\" height=\"576\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"408\" data-rawheight=\"576\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-86c0a7a713e88ffe4319eccc898099ff_b.jpg\" data-original-token=\"v2-86c0a7a713e88ffe4319eccc898099ff\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<p data-pid=\"jYXo-qQf\">Erich Gamma \u5728 GOTO 2016 \u53d1\u8868\u4e86\u4e3b\u9898\u4e3a \u300a<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/www.youtube.com\/watch%3Fv%3DuLrnQtAq5Ec\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">The journey of visual studio code: Building an App Using JS\/TypeScript, Node, Electron &amp; 100 OSS Components<\/a>\u300b\u7684\u6f14\u8bb2\uff0c\u8be6\u7ec6\u8bb2\u89e3\u4e86\u8fd9\u4e2a\u9879\u76ee\u7684\u53d1\u5c55\u5386\u7a0b\uff1a<\/p>\n<blockquote data-pid=\"XSp2A3mD\"><p>\u6ca1\u65f6\u95f4\u89c2\u770b\u89c6\u9891\u7684\u540c\u5b66\u53ef\u4ee5\u9009\u62e9\u4e0b\u8f7d\u5b8c\u6574\u00a0<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/gotocon.com\/dl\/goto-amsterdam-2016\/slides\/ErichGamma_TheJourneyOfALargeScaleApplicationBuiltUsingJavaScriptTypeScriptNodeElectron100OSSComponentsAtMicrosoft.pdf\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">PDF<\/a><\/p><\/blockquote>\n<p data-pid=\"u8U-fotL\">PPT \u7684\u7b2c\u4e00\u9875\uff0c\u5c31\u662f Erich Gamma \u622a\u53d6\u81ea\u5df1\u6b63\u5f0f\u52a0\u5165\u5fae\u8f6f\u4e4b\u540e\u6536\u5230\u7684\u5de5\u4f5c\u5185\u5bb9\u63cf\u8ff0\u7684\u90ae\u4ef6\uff1a<\/p>\n<p data-pid=\"yr63UGb_\"><b>\u201d\u63a2\u7d22\u4e00\u79cd\u5168\u65b0\u7684\u548c\u684c\u9762 IDE \u4e00\u6837\u6210\u529f\u7684\u5728\u7ebf\u5f00\u53d1\u5de5\u5177\u6a21\u5f0f\u201c<\/b><\/p>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic1.zhimg.com\/80\/v2-63e14f0cde2caad9d629729de43ea230_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic1.zhimg.com\/v2-63e14f0cde2caad9d629729de43ea230_r.jpg\" data-actualsrc=\"https:\/\/pic1.zhimg.com\/v2-63e14f0cde2caad9d629729de43ea230_b.jpg\" data-original-token=\"v2-63e14f0cde2caad9d629729de43ea230\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<p data-pid=\"nkPhlsGt\">\u6574\u4e2a\u56e2\u961f\u4ece\u5927\u81f4 10 \u4e2a\u4eba\u5f00\u59cb\uff0c\u6df7\u5408\u8001\u4e2d\u65b0\u4e09\u4ee3\u4e0d\u540c\u6c34\u5e73\u7684\u7a0b\u5e8f\u5458\uff0c\u5728\u5fae\u8f6f\u8fd9\u4e2a\u5de8\u65e0\u9738\u7684\u5546\u4e1a\u516c\u53f8\u91cc\u9762\u60f3\u8981\u843d\u5730\u8fd9\u6837\u4e00\u4e2a\u5b8f\u5927\u7684\u613f\u666f\u662f\u4e0d\u5bb9\u6613\u7684\uff0c\u56e2\u961f\u4e00\u5f00\u59cb\u5b9a\u4e0b\u7684\u601d\u8def\u5c31\u662f\u50cf start up \u4e00\u6837\u5de5\u4f5c\uff0c\u6bcf\u6708\u6bcf\u5e74\u90fd\u8981 ship \u4e1c\u897f\u3002<\/p>\n<p data-pid=\"-wMq64yn\">\u540c\u65f6\u4ed6\u4e5f\u63d0\u51fa\u65e9\u671f\u4f1a\u75af\u72c2\u7684\u5728\u516c\u53f8\u5185\u90e8\u5bfb\u627e\u843d\u5730\u573a\u666f\uff0c\u6bd4\u5982 Visual Studio Online \u7684\u5728\u7ebf Code DIff \u9875\u9762\uff0cTypeScript \u7684\u5b98\u7f51\u7684 Playground \u7f16\u8f91\u5668\uff0cOneDrive \u4ee3\u7801\u6587\u4ef6\uff0cEdge \u6d4f\u89c8\u5668 Dev Tool \u7684\u4ee3\u7801\u6d4f\u89c8\u7b49\u3002<\/p>\n<p data-pid=\"mFqU1iLD\">\u4e00\u4e2a\u91cd\u8981\u8f6c\u6298\u70b9\u662f\u5fae\u8f6f\u672c\u8eab\u53d1\u751f\u7684\u5de8\u5927\u53d8\u5316\uff1a<\/p>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic2.zhimg.com\/80\/v2-52240d39a606774d099119e184ac13f1_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic2.zhimg.com\/v2-52240d39a606774d099119e184ac13f1_r.jpg\" data-actualsrc=\"https:\/\/pic2.zhimg.com\/v2-52240d39a606774d099119e184ac13f1_b.jpg\" data-original-token=\"v2-52240d39a606774d099119e184ac13f1\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<p data-pid=\"kqUdPgw1\">\u4f34\u968f\u5fae\u8f6f\u6574\u4e2a\u7684\u5f00\u653e\u5f00\u6e90\u8de8\u5e73\u53f0\u98ce\u6f6e\uff0cErich Gamma \u654f\u9510\u7684\u51b3\u5b9a\u5c06\u4ea7\u54c1\u4ece Browser Based IDE \u8f6c\u5411\u8de8\u5e73\u53f0\u7684 Desktop IDE\uff0c\u4f46\u4ecd\u7136\u4f7f\u7528 Web \u6280\u672f\uff0c\u4e8e\u662f electron \u5b8c\u7f8e\u5951\u5408\uff0cVSCode \u56e2\u961f\u82b1\u4e86\u516d\u4e2a\u6708\u4f7f\u7528 Electron \u5c06 Web \u7f16\u8f91\u5668\u684c\u9762\u5316\uff0c\u53c8\u82b1\u4e86\u516d\u4e2a\u6708\u5c06\u6574\u4e2a IDE \u63d2\u4ef6\u5316\uff0c\u6700\u7ec8 VSCode \u6210\u4e3a\u4e00\u4e2a\u6d41\u884c\u7684\u4ea7\u54c1\u540c\u65f6\u4e5f\u6210\u4e3a\u4e00\u4e2a\u5178\u578b\u7684 Electron \u5ba2\u6237\u7aef\u5f00\u6e90\u9879\u76ee\u3002<\/p>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic2.zhimg.com\/80\/v2-6239a769fc0573f2d38c717b3d05829d_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic2.zhimg.com\/v2-6239a769fc0573f2d38c717b3d05829d_r.jpg\" data-actualsrc=\"https:\/\/pic2.zhimg.com\/v2-6239a769fc0573f2d38c717b3d05829d_b.jpg\" data-original-token=\"v2-6239a769fc0573f2d38c717b3d05829d\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<h3>\u4ea7\u54c1\u5b9a\u4f4d<\/h3>\n<p data-pid=\"Mv-9GvnM\">Erich Gamma \u5728 2017 SpringOne Platform \u4e0a\u6709\u4e00\u4e2a\u00a0<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/www.youtube.com\/watch%3Fv%3DVs3AGfeuNKU\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">\u5173\u4e8e VSCode \u7684\u5206\u4eab<\/a>\uff0c\u8bb2\u89e3\u4e86\u5728\u4ed6\u5f00\u53d1 Eclipse \u7684\u8fc7\u5f80\u7ecf\u9a8c\u57fa\u7840\u4e0a\uff0c\u5bf9 VSCode \u8fdb\u884c\u9876\u5c42\u8bbe\u8ba1\u65f6\u7684\u8bf8\u591a\u601d\u8def\u4e0e\u51b3\u7b56\uff0c\u5176\u4e2d\u63d0\u5230\u8fc7\u5bf9\u4e8e VSCode \u7684\u4ea7\u54c1\u5b9a\u4f4d\uff1a<\/p>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-623a63be2fde7b549a3c471d48fc585b_720w.webp\" width=\"720\" height=\"422\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"720\" data-rawheight=\"422\" data-original=\"https:\/\/pic4.zhimg.com\/v2-623a63be2fde7b549a3c471d48fc585b_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-623a63be2fde7b549a3c471d48fc585b_b.jpg\" data-original-token=\"v2-623a63be2fde7b549a3c471d48fc585b\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<p data-pid=\"H6cIrCfA\">\u4ece\u56fe\u4e2d\u53ef\u4ee5\u770b\u51fa VSCode \u5b9a\u4f4d\u662f\u5904\u4e8e\u7f16\u8f91\u5668\u548c IDE \u7684\u4e2d\u95f4\u5e76\u4e14\u504f\u5411\u8f7b\u91cf\u7f16\u8f91\u5668\u4e00\u4fa7\u7684\u3002<br \/>\nVSCode \u7684\u6838\u5fc3\u662f\u201c\u7f16\u8f91\u5668 + \u4ee3\u7801\u7406\u89e3 + \u8c03\u8bd5\u201c\uff0c\u56f4\u7ed5\u8fd9\u4e2a\u5173\u952e\u8def\u5f84\u505a\u6df1\u505a\u900f\uff0c\u5176\u4ed6\u4e1c\u897f\u975e\u5e38\u514b\u5236\uff0c\u4ea7\u54c1\u4fdd\u6301\u8f7b\u91cf\u4e0e\u9ad8\u6027\u80fd\u3002<\/p>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\u70b9\u8bc4\uff1a\r\n\u751f\u4ea7\u529b\u5de5\u5177\u7c7b\u7684\u8f6f\u4ef6\u4e00\u5b9a\u8981\u5b88\u4f4f\u4e3b\u7ebf\uff0c\u5426\u5219\u5f88\u53ef\u80fd\u4f1a\u53d8\u6210\u4e0d\u6536\u95e8\u7968\u7684\u6e38\u4e50\u56ed\r\n\u725b\u903c\u7684\u4ea7\u54c1\u80cc\u540e\u4e00\u5b9a\u6709\u725b\u903c\u7684\u56e2\u961f\uff0c\u6bd4\u5982\u5fae\u8f6f\u6316\u5230 Anders Hejlsberg\uff0c\u63a5\u8fde\u521b\u9020\u4e86 C# \u548c TypeScript\r\n\u6316\u5230 Erich Gamma\uff0c\u63a5\u8fde\u8bde\u751f\u4e86 monaco \u548c vscode \u8fd9\u4e9b\u660e\u73e0<\/code><\/pre>\n<\/div>\n<h2>\u4e8c\u3001Electron \u662f\u4ec0\u4e48<\/h2>\n<p data-pid=\"WB-p2Edu\">\u4e0a\u6587\u63d0\u5230 VSCode \u6709\u4e00\u4e2a\u7279\u6027\u662f\u8de8\u5e73\u53f0\uff0c\u5b83\u7684\u8de8\u5e73\u53f0\u5b9e\u8d28\u662f\u901a\u8fc7 electron \u5b9e\u73b0\u7684\u3002\u6240\u4ee5\u6211\u4eec\u9700\u8981\u5148\u7b80\u5355\u4e86\u89e3\u4e0b\u00a0<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/electronjs.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">electron<\/a><\/p>\n<h3>\u5b98\u65b9\u5b9a\u4e49<\/h3>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic3.zhimg.com\/80\/v2-79183b4f575ddecdef23f9f56fbb84f6_720w.webp\" width=\"1994\" height=\"988\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"1994\" data-rawheight=\"988\" data-original=\"https:\/\/pic3.zhimg.com\/v2-79183b4f575ddecdef23f9f56fbb84f6_r.jpg\" data-actualsrc=\"https:\/\/pic3.zhimg.com\/v2-79183b4f575ddecdef23f9f56fbb84f6_b.jpg\" data-original-token=\"v2-79183b4f575ddecdef23f9f56fbb84f6\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic1.zhimg.com\/80\/v2-27d89c4e9a9ad4321faee9b405773c24_720w.webp\" width=\"2028\" height=\"728\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2028\" data-rawheight=\"728\" data-original=\"https:\/\/pic1.zhimg.com\/v2-27d89c4e9a9ad4321faee9b405773c24_r.jpg\" data-actualsrc=\"https:\/\/pic1.zhimg.com\/v2-27d89c4e9a9ad4321faee9b405773c24_b.jpg\" data-original-token=\"v2-27d89c4e9a9ad4321faee9b405773c24\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<h3>\u6838\u5fc3\u6280\u672f<\/h3>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic1.zhimg.com\/80\/v2-82d6cdeaed40a3dcb4dacc7c6f737454_720w.webp\" width=\"1920\" height=\"1080\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"1920\" data-rawheight=\"1080\" data-original=\"https:\/\/pic1.zhimg.com\/v2-82d6cdeaed40a3dcb4dacc7c6f737454_r.jpg\" data-actualsrc=\"https:\/\/pic1.zhimg.com\/v2-82d6cdeaed40a3dcb4dacc7c6f737454_b.jpg\" data-original-token=\"v2-82d6cdeaed40a3dcb4dacc7c6f737454\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<ul>\n<li data-pid=\"XhDTB1fc\">\u4f7f\u7528 Web \u6280\u672f\u6765\u7f16\u5199 UI\uff0c\u7528 chrome \u6d4f\u89c8\u5668\u5185\u6838\u6765\u8fd0\u884c<\/li>\n<li data-pid=\"5UjLZmvn\">\u4f7f\u7528 NodeJS \u6765\u64cd\u4f5c\u6587\u4ef6\u7cfb\u7edf\u548c\u53d1\u8d77\u7f51\u7edc\u8bf7\u6c42<\/li>\n<li data-pid=\"tPKj7FnM\">\u4f7f\u7528 NodeJS C++ Addon \u53bb\u8c03\u7528\u64cd\u4f5c\u7cfb\u7edf\u7684 native API<\/li>\n<\/ul>\n<h3>\u5e94\u7528\u67b6\u6784<\/h3>\n<blockquote data-pid=\"aDkpQ49y\"><p><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/electronjs.org\/docs\/tutorial\/application-architecture\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">electronjs.org\/docs\/tut<\/span><span class=\"invisible\">orial\/application-architecture<\/span><\/a><\/p><\/blockquote>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-61635f60c7335c9e732bc209f61bb1ff_720w.webp\" width=\"539\" height=\"648\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"539\" data-rawheight=\"648\" data-original=\"https:\/\/pic4.zhimg.com\/v2-61635f60c7335c9e732bc209f61bb1ff_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-61635f60c7335c9e732bc209f61bb1ff_b.jpg\" data-original-token=\"v2-61635f60c7335c9e732bc209f61bb1ff\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<ul>\n<li data-pid=\"_ckqKn56\">1 \u4e2a\u4e3b\u8fdb\u7a0b\uff1a\u4e00\u4e2a Electron App \u53ea\u4f1a\u542f\u52a8\u4e00\u4e2a\u4e3b\u8fdb\u7a0b\uff0c\u5b83\u4f1a\u8fd0\u884c package.json \u7684 main \u5b57\u6bb5\u6307\u5b9a\u7684\u811a\u672c<\/li>\n<li data-pid=\"uoylEN0h\">N \u4e2a\u6e32\u67d3\u8fdb\u7a0b\uff1a\u4e3b\u8fdb\u7a0b\u4ee3\u7801\u53ef\u4ee5\u8c03\u7528 Chromium API \u521b\u5efa\u4efb\u610f\u591a\u4e2a web \u9875\u9762\uff0c\u800c Chromium \u672c\u8eab\u662f\u591a\u8fdb\u7a0b\u67b6\u6784\uff0c\u6bcf\u4e2a web \u9875\u9762\u90fd\u8fd0\u884c\u5728\u5c5e\u4e8e\u5b83\u81ea\u5df1\u7684\u6e32\u67d3\u8fdb\u7a0b\u4e2d<\/li>\n<\/ul>\n<p data-pid=\"_uAOi8rP\">\u8fdb\u7a0b\u95f4\u901a\u8baf\uff1a<\/p>\n<ul>\n<li data-pid=\"pl6xtmQ7\">Render \u8fdb\u7a0b\u4e4b\u95f4\u7684\u901a\u8baf\u672c\u8d28\u4e0a\u548c\u591a\u4e2a Web \u9875\u9762\u4e4b\u95f4\u901a\u8baf\u6ca1\u6709\u5dee\u522b\uff0c\u53ef\u4ee5\u4f7f\u7528\u5404\u79cd\u6d4f\u89c8\u5668\u80fd\u529b\u5982 localStorage<\/li>\n<li data-pid=\"1lmXqvKd\">Render \u8fdb\u7a0b\u4e0e Main \u8fdb\u7a0b\u4e4b\u95f4\u4e5f\u53ef\u4ee5\u901a\u8fc7 API \u4e92\u76f8\u901a\u8baf (ipcRenderer\/ipcMain)<\/li>\n<\/ul>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\u70b9\u8bc4\uff1a\r\n\u666e\u901a web \u9875\u9762\u65e0\u6cd5\u8c03\u7528 native api\uff0c\u56e0\u6b64\u7f3a\u5c11\u4e00\u4e9b\u80fd\u529b\r\nelectron \u7684 web \u9875\u9762\u6240\u5904\u7684 Render \u8fdb\u7a0b\u53ef\u4ee5\u5c06\u4efb\u52a1\u8f6c\u53d1\u81f3\u8fd0\u884c\u5728 NodeJS \u73af\u5883\u7684 Main \u8fdb\u7a0b\uff0c\u4ece\u800c\u5b9e\u73b0 native API\r\n\u8fd9\u5957\u67b6\u6784\u5927\u5927\u6269\u5c55\u4e86 electron app \u76f8\u6bd4 web app \u7684\u80fd\u529b\u4e30\u5bcc\u5ea6\r\n\u4f46\u540c\u65f6\u53c8\u4fdd\u7559\u4e86 web \u5feb\u6377\u6d41\u7545\u7684\u5f00\u53d1\u4f53\u9a8c\uff0c\u518d\u52a0\u4e0a web \u672c\u8eab\u7684\u8de8\u5e73\u53f0\u4f18\u52bf\r\n\u7ed3\u5408\u8d77\u6765\u8ba9 electron \u6210\u4e3a\u6027\u4ef7\u6bd4\u975e\u5e38\u9ad8\u7684\u65b9\u6848<\/code><\/pre>\n<\/div>\n<h2>\u4e09\u3001VSCode \u6280\u672f\u67b6\u6784<\/h2>\n<h3>\u591a\u8fdb\u7a0b\u67b6\u6784<\/h3>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-a93ba02c5d94b4d0d37cc59e6821e907_720w.webp\" width=\"720\" height=\"445\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"720\" data-rawheight=\"445\" data-original=\"https:\/\/pic4.zhimg.com\/v2-a93ba02c5d94b4d0d37cc59e6821e907_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-a93ba02c5d94b4d0d37cc59e6821e907_b.jpg\" data-original-token=\"v2-a93ba02c5d94b4d0d37cc59e6821e907\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<ul>\n<li data-pid=\"A4ddwX3k\">\u4e3b\u8fdb\u7a0b\uff1aVSCode \u7684\u5165\u53e3\u8fdb\u7a0b\uff0c\u8d1f\u8d23\u4e00\u4e9b\u7c7b\u4f3c\u7a97\u53e3\u7ba1\u7406\u3001\u8fdb\u7a0b\u95f4\u901a\u4fe1\u3001\u81ea\u52a8\u66f4\u65b0\u7b49\u5168\u5c40\u4efb\u52a1<\/li>\n<li data-pid=\"hQm1wOS2\">\u6e32\u67d3\u8fdb\u7a0b\uff1a\u8d1f\u8d23\u4e00\u4e2a Web \u9875\u9762\u7684\u6e32\u67d3<\/li>\n<li data-pid=\"IH1P9Hz_\">\u63d2\u4ef6\u5bbf\u4e3b\u8fdb\u7a0b\uff1a\u6bcf\u4e2a\u63d2\u4ef6\u7684\u4ee3\u7801\u90fd\u4f1a\u8fd0\u884c\u5728\u4e00\u4e2a\u72ec\u5c5e\u4e8e\u81ea\u5df1\u7684 NodeJS \u73af\u5883\u7684\u5bbf\u4e3b\u8fdb\u7a0b\u4e2d\uff0c\u63d2\u4ef6\u4e0d\u5141\u8bb8\u8bbf\u95ee UI<\/li>\n<li data-pid=\"4JeF6_EP\">Debug \u8fdb\u7a0b\uff1aDebugger \u76f8\u6bd4\u666e\u901a\u63d2\u4ef6\u505a\u4e86\u7279\u6b8a\u5316<\/li>\n<li data-pid=\"Sz9bjvZV\">Search \u8fdb\u7a0b\uff1a\u641c\u7d22\u662f\u4e00\u7c7b\u8ba1\u7b97\u5bc6\u96c6\u578b\u7684\u4efb\u52a1\uff0c\u5355\u5f00\u8fdb\u7a0b\u4fdd\u8bc1\u8f6f\u4ef6\u6574\u4f53\u4f53\u9a8c\u4e0e\u6027\u80fd<\/li>\n<\/ul>\n<h3>\u5f00\u53d1\u6d41\u7a0b<\/h3>\n<ul>\n<li data-pid=\"U0DIOUnU\">\u5f00\u53d1\u6587\u6863\uff1a<a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/github.com\/Microsoft\/vscode\/wiki\/How-to-Contribute\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">github.com\/Microsoft\/vs<\/span><span class=\"invisible\">code\/wiki\/How-to-Contribute<\/span><\/a><\/li>\n<li data-pid=\"KVzY8sXy\">\u4e3b\u4ed3\u5e93\uff1a<a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/github.com\/microsoft\/vscode\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">github.com\/microsoft\/vs<\/span><span class=\"invisible\">code<\/span><\/a><\/li>\n<li data-pid=\"GgtFAzg6\">\u5176\u5b83\u5173\u8054\u9879\u76ee\uff1a<a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/github.com\/Microsoft\/vscode\/wiki\/Related-Projects\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">github.com\/Microsoft\/vs<\/span><span class=\"invisible\">code\/wiki\/Related-Projects<\/span><\/a><\/li>\n<\/ul>\n<div class=\"highlight\">\n<pre><code class=\"language-text\"># \u68c0\u51fa\u4ee3\u7801\r\ngit clone git@github.com:microsoft\/vscode.git\r\ncd vscode\r\n\r\n# \u5b89\u88c5\u4f9d\u8d56\r\nyarn\r\n\r\n# \u542f\u52a8 web \u7248\r\nyarn watch &amp;&amp; yarn web\r\n\r\n# \u542f\u52a8 \u684c\u9762 \u7248\r\nyarn watch &amp;&amp; .\/scripts\/code.sh\r\n\r\n# \u6253\u5305\r\nyarn run gulp vscode-[platform]\r\nyarn run gulp vscode-[platform]-min\r\n# platforms: win32-ia32 | win32-x64 | darwin | linux-ia32 | linux-x64 | linux-arm<\/code><\/pre>\n<\/div>\n<h3>\u6e90\u7801\u7ec4\u7ec7<\/h3>\n<blockquote data-pid=\"ClxYgIRR\"><p><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/github.com\/microsoft\/vscode\/wiki\/Source-Code-Organization\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">github.com\/microsoft\/vs<\/span><span class=\"invisible\">code\/wiki\/Source-Code-Organization<\/span><\/a><\/p><\/blockquote>\n<p data-pid=\"wmceJEjy\">\u4e0b\u9762\u662f\u6574\u4e2a VSCode project \u7684\u4e00\u4e9b\u9876\u7ea7\u7684\u91cd\u70b9\u6587\u4ef6\u5939\uff0c\u540e\u6587\u4f1a\u91cd\u70b9\u5173\u6ce8 src \u4e0e extensions:<\/p>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\u251c\u2500\u2500 build         # \u6784\u5efa\u811a\u672c\r\n\u251c\u2500\u2500 extensions    # \u5185\u7f6e\u63d2\u4ef6\r\n\u251c\u2500\u2500 scripts       # \u5de5\u5177\u811a\u672c\r\n\u251c\u2500\u2500 out           # \u4ea7\u7269\u76ee\u5f55\r\n\u251c\u2500\u2500 src           # \u6e90\u7801\u76ee\u5f55\r\n\u251c\u2500\u2500 test          # \u6d4b\u8bd5\u4ee3\u7801<\/code><\/pre>\n<\/div>\n<p data-pid=\"uz9IaD-M\">VSCode \u7684\u4ee3\u7801\u67b6\u6784\u4e5f\u662f\u968f\u7740\u4ea7\u54c1\u9636\u6bb5\u6f14\u8fdb\u800c\u4e0d\u65ad\u66f4\u8fed\u7684\uff1a<\/p>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic2.zhimg.com\/80\/v2-1d4cb252c8f25a349a5bea7970a10da1_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic2.zhimg.com\/v2-1d4cb252c8f25a349a5bea7970a10da1_r.jpg\" data-actualsrc=\"https:\/\/pic2.zhimg.com\/v2-1d4cb252c8f25a349a5bea7970a10da1_b.jpg\" data-original-token=\"v2-1d4cb252c8f25a349a5bea7970a10da1\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<p data-pid=\"upqUORez\">\u4e0b\u6587\u4f1a\u5206\u4eab\u4e00\u4e9b\u6574\u4e2a VScode \u6e90\u7801\u7ec4\u7ec7\u7684\u4e00\u4e9b\u4eae\u70b9\u4e0e\u7279\u8272\uff1a<\/p>\n<h3>1. \u9694\u79bb\u5185\u6838 (src) \u4e0e\u63d2\u4ef6 (extensions)\uff0c\u5185\u6838\u5206\u5c42\u6a21\u5757\u5316<\/h3>\n<ul>\n<li data-pid=\"s3YuXc3Z\">\/src\/vs\uff1a\u5206\u5c42\u548c\u6a21\u5757\u5316\u7684 core<\/li>\n<li data-pid=\"R_FXUlib\">\/src\/vs\/base: \u901a\u7528\u7684\u516c\u5171\u65b9\u6cd5\u548c\u516c\u5171\u89c6\u56fe\u7ec4\u4ef6<\/li>\n<li data-pid=\"iTUsE-n2\">\/src\/vs\/code: VSCode \u5e94\u7528\u4e3b\u5165\u53e3<\/li>\n<li data-pid=\"QV2EQa7k\">\/src\/vs\/platform\uff1a\u53ef\u88ab\u4f9d\u8d56\u6ce8\u5165\u7684\u5404\u79cd\u7eaf\u670d\u52a1<\/li>\n<li data-pid=\"Xvzbb-JZ\">\/src\/vs\/editor: \u6587\u672c\u7f16\u8f91\u5668<\/li>\n<li data-pid=\"TAamgiEw\">\/src\/vs\/workbench\uff1a\u6574\u4f53\u89c6\u56fe\u6846\u67b6<\/li>\n<li data-pid=\"KGUC2FHr\">\/src\/typings: \u516c\u5171\u57fa\u7840\u7c7b\u578b<\/li>\n<li data-pid=\"RhgOW45J\">\/extensions\uff1a\u5185\u7f6e\u63d2\u4ef6<\/li>\n<\/ul>\n<h3>2. \u6bcf\u5c42\u6309\u73af\u5883\u9694\u79bb<\/h3>\n<p data-pid=\"7ud05ef8\">\u5185\u6838\u91cc\u9762\u6bcf\u4e00\u5c42\u4ee3\u7801\u90fd\u4f1a\u9075\u5b88 electron \u89c4\u8303\uff0c\u6309\u4e0d\u540c\u73af\u5883\u7ec6\u5206\u6587\u4ef6\u5939:<\/p>\n<ul>\n<li data-pid=\"OuVYr3pp\">common: \u516c\u5171\u7684 js \u65b9\u6cd5\uff0c\u5728\u54ea\u91cc\u90fd\u53ef\u4ee5\u8fd0\u884c\u7684<\/li>\n<li data-pid=\"88IgZeGP\">browser: \u53ea\u4f7f\u7528\u6d4f\u89c8\u5668 API \u7684\u4ee3\u7801\uff0c\u53ef\u4ee5\u8c03\u7528 common<\/li>\n<li data-pid=\"pst24fg6\">node: \u53ea\u4f7f\u7528 NodeJS API \u7684\u4ee3\u7801\uff0c\u53ef\u4ee5\u8c03\u7528 common<\/li>\n<li data-pid=\"nTwSKbc8\">electron-browser: \u4f7f\u7528 electron \u6e32\u67d3\u7ebf\u7a0b\u548c\u6d4f\u89c8\u5668 API \u7684\u4ee3\u7801\uff0c\u53ef\u4ee5\u8c03\u7528 common\uff0cbrowser\uff0cnode<\/li>\n<li data-pid=\"aHor4EiC\">electron-main: \u4f7f\u7528 electron \u4e3b\u7ebf\u7a0b\u548c NodeJS API \u7684\u4ee3\u7801\uff0c\u53ef\u4ee5\u8c03\u7528 common\uff0c node<\/li>\n<li data-pid=\"sh8q_on9\">test: \u6d4b\u8bd5\u4ee3\u7801<\/li>\n<\/ul>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\u70b9\u8bc4\uff1a\r\n\u4e91\u51e4\u8776\u4e5f\u9047\u5230\u4e86\u7c7b\u4f3c\u95ee\u9898\uff0c\u4f5c\u4e3a\u4e00\u4e2a \u4f4e\u4ee3\u7801 + \u53ef\u89c6\u5316 \u7684\u7814\u53d1\u5e73\u53f0\uff0c\u8bb8\u591a\u529f\u80fd\u6a21\u5757\u7684\u5b9e\u73b0\u90fd\u9700\u8981\u6a2a\u8de8\u7f16\u8f91\u6001\u548c\u8fd0\u884c\u6001\r\n\u5982\u679c\u4ee3\u7801\u4e0d\u52a0\u4ee5\u9650\u5236\u548c\u533a\u5206\uff0c\u5f88\u5bb9\u6613\u5bfc\u81f4\u9519\u8bef\u7684\u4f9d\u8d56\u5173\u7cfb\u548c\u9884\u671f\u4e4b\u5916\u7684 bug\r\n\u56e0\u6b64\u4e91\u51e4\u8776\u6700\u7ec8\u4e5f\u51b3\u5b9a\u91c7\u7528 (editor\/runtime\/common) \u7c7b\u4f3c\u7684\u9694\u79bb\u67b6\u6784<\/code><\/pre>\n<\/div>\n<h3>3. \u5185\u6838\u4ee3\u7801\u672c\u8eab\u4e5f\u91c7\u7528\u6269\u5c55\u673a\u5236: Contrib<\/h3>\n<p data-pid=\"xHQsprcO\">\u53ef\u4ee5\u770b\u5230 \/src\/vs\/workbench\/contrib \u8fd9\u4e2a\u76ee\u5f55\u4e0b\u5b58\u653e\u7740\u975e\u5e38\u591a\u7684 VSCode \u7684\u5c0f\u7684\u529f\u80fd\u5355\u5143\uff1a<\/p>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\u251c\u2500\u2500 backup\r\n\u251c\u2500\u2500 callHierarchy\r\n\u251c\u2500\u2500 cli\r\n\u251c\u2500\u2500 codeActions\r\n\u251c\u2500\u2500 codeEditor\r\n\u251c\u2500\u2500 comments\r\n\u251c\u2500\u2500 configExporter\r\n\u251c\u2500\u2500 customEditor\r\n\u251c\u2500\u2500 debug\r\n\u251c\u2500\u2500 emmet\r\n\u251c\u2500\u2500....\u4e2d\u95f4\u7701\u7565\u65e0\u6570....\r\n\u251c\u2500\u2500 watermark\r\n\u251c\u2500\u2500 webview\r\n\u2514\u2500\u2500 welcome<\/code><\/pre>\n<\/div>\n<p data-pid=\"1YA_cnPi\">Contrib \u6709\u4e00\u4e9b\u7279\u70b9\uff1a<\/p>\n<ul>\n<li data-pid=\"SLvU3mNR\">Contrib \u76ee\u5f55\u4e0b\u7684\u6240\u6709\u4ee3\u7801\u4e0d\u5141\u8bb8\u4f9d\u8d56\u4efb\u4f55\u672c\u6587\u4ef6\u5939\u4e4b\u5916\u7684\u6587\u4ef6<\/li>\n<li data-pid=\"Nnlvz4NV\">Contrib \u4e3b\u8981\u662f\u4f7f\u7528 Core \u66b4\u9732\u7684\u4e00\u4e9b\u6269\u5c55\u70b9\u6765\u505a\u4e8b\u60c5<\/li>\n<li data-pid=\"FTq4jMoR\">\u6bcf\u4e00\u4e2a Contrib \u5982\u679c\u8981\u5bf9\u5916\u66b4\u9732\uff0c\u5c06API \u5728\u4e00\u4e2a\u51fa\u53e3\u6587\u4ef6\u91cc\u9762\u5bfc\u51fa eg: contrib\/search\/common\/search.ts<\/li>\n<li data-pid=\"wfiXj1TY\">\u4e00\u4e2a Contrib \u5982\u679c\u8981\u548c\u53e6\u4e00\u4e2a Contrib \u53d1\u751f\u8c03\u7528\uff0c\u4e0d\u5141\u8bb8\u4f7f\u7528\u9664\u4e86\u51fa\u53e3 API \u6587\u4ef6\u4e4b\u5916\u7684\u5176\u5b83\u6587\u4ef6<\/li>\n<li data-pid=\"kQqWvxhy\">\u63a5\u4e0a\u4e00\u6761\uff0c\u5373\u4f7f Contrib \u4e8b\u5b9e\u4e0a\u53ef\u4ee5\u8c03\u7528\u53e6\u4e00\u4e2a Contrib \u7684\u51fa\u53e3 API\uff0c\u4e5f\u8981\u5ba1\u614e\u7684\u8003\u8651\u5e76\u5c3d\u91cf\u907f\u514d\u4e24\u4e2a Contrib \u4e92\u76f8\u4f9d\u8d56<\/li>\n<\/ul>\n<p data-pid=\"BYh1XURf\">VSCode \u5f00\u53d1\u56e2\u961f\u505a\u8fd9\u4e2a\u8bbe\u8ba1\u7684\u76ee\u7684\u6211\u731c\u53ef\u80fd\u662f\u56e0\u4e3a\u91cd\u578b\u7684\u5de5\u5177\u8f6f\u4ef6\u529f\u80fd\u70b9\u5b9e\u5728\u592a\u591a\uff0c\u5982\u679c\u8fd9\u4e9b\u529f\u80fd\u4ee3\u7801\u76f4\u63a5\u91c7\u7528\u539f\u59cb\u7684\u6a21\u5757\u5f15\u7528\u7684\u65b9\u5f0f\u805a\u5408\u62fc\u88c5\u8d77\u6765\uff0c\u662f\u4e00\u4e2a\u81ea\u9876\u5411\u4e0b\u7684\u67b6\u6784\uff0c\u5bf9\u7ef4\u62a4\u6027\u7684\u6311\u6218\u6bd4\u8f83\u5927\u3002<\/p>\n<p data-pid=\"34jpFVWC\">\u800c\u91c7\u7528\u66b4\u9732\u6269\u5c55\u70b9\u7684\u65b9\u5f0f\uff0c\u53ef\u4ee5\u5c06\u4f9d\u8d56\u5173\u7cfb\u53cd\u8f6c\uff0c\u4f9d\u9644\u4e8e\u6269\u5c55\u70b9\u534f\u8bae\uff0c\u5c06\u6838\u5fc3\u529f\u80fd\u548c\u975e\u6838\u5fc3\u529f\u80fd\u5206\u5272\u5f00\uff0c\u72ec\u7acb\u7684\u5c0f\u529f\u80fd\u7684\u4ee3\u7801\u5b9e\u73b0\u53ef\u4ee5\u5355\u72ec\u805a\u5408\uff0c\u964d\u4f4e\u4fe1\u606f\u5bc6\u5ea6\u4e0e\u63d0\u5347\u7ef4\u62a4\u6027\u3002<\/p>\n<p data-pid=\"gjLHkHGg\">\u4f46\u662f VSCode Contrib \u7684\u5177\u4f53\u4e1a\u52a1\u4ee3\u7801\u7ec4\u7ec7\u5176\u5b9e\u770b\u8d77\u6765\u6ca1\u6709\u592a\u591a\u8303\u5f0f\uff0c\u800c\u4e14\u8fd9\u4e2a\u5185\u6838\u4ee3\u7801\u7684\u6269\u5c55\u673a\u5236 Contrib \u548c VSCode \u5f00\u653e\u7ed9\u5916\u754c\u7684\u63d2\u4ef6\u5316\u673a\u5236 extension \u662f\u6709\u5dee\u5f02\u7684\uff0c\u8bfb\u8d77\u6765\u5341\u5206\u5934\u75bc\u3002<\/p>\n<p data-pid=\"r3FPKn3n\">\u901a\u8fc7\u548c\u5144\u5f1f\u56e2\u961f CloudIDE \u5f00\u53d1\u7ec4\u7684\u4e13\u5bb6\u4ea4\u6d41\uff0c\u6211\u5f97\u5230\u4e24\u6761\u4e3b\u8981\u5dee\u5f02\u6027\uff1a<\/p>\n<ul>\n<li data-pid=\"UvG-dQas\">extension \u6bcf\u4e00\u4e2a\u90fd\u662f\u8fd0\u884c\u5728\u5f52\u5bbf\u4e8e\u81ea\u5df1\u7684\u72ec\u7acb\u5bbf\u4e3b\u8fdb\u7a0b\uff0c\u800c contrib \u7684\u529f\u80fd\u57fa\u672c\u662f\u8981\u8fd0\u884c\u5728\u4e3b\u8fdb\u7a0b\u7684<\/li>\n<li data-pid=\"kql6Qe26\">extension \u53ea\u80fd\u4f9d\u9644\u4e8e core \u5f00\u653e\u7684\u6269\u5c55\u70b9\u800c\u6d3b\uff0c\u4f46\u662f contrib \u53ef\u4ee5\u901a\u8fc7\u4f9d\u8d56\u6ce8\u5165\u62ff\u5230\u6240\u6709 core \u5185\u90e8\u5b9e\u73b0\u7684 class \uff08\u867d\u7136\u5b98\u65b9\u4e0d\u63a8\u8350\uff09<\/li>\n<\/ul>\n<h3>4. \u4f9d\u8d56\u6ce8\u5165<\/h3>\n<p data-pid=\"o_kwrOWb\">\u4e0a\u4e00\u5c0f\u8282\u63d0\u5230\u4e86 VSCode \u7684\u4ee3\u7801\u5927\u91cf\u4f7f\u7528\u4e86\u4f9d\u8d56\u6ce8\u5165\uff0c\u8fd9\u9879\u6280\u672f\u7684\u5177\u4f53\u5b9e\u73b0\u7ec6\u8282\u672c\u6587\u4e0d\u4f1a\u5c55\u5f00\u7ec6\u8bb2\uff0c\u611f\u5174\u8da3\u7684\u53ef\u4ee5\u9605\u8bfb\u4e00\u4e9b\u597d\u7684\u5b9e\u73b0\uff1a<\/p>\n<ul>\n<li data-pid=\"Jga8OcAL\">\u4e91\u51e4\u8776\u56e2\u961f\u540c\u5b66\u5199\u7684<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/github.com\/zhang740\/power-di\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">\u00a0power-di<\/a><\/li>\n<li data-pid=\"6k1jp3d6\">\u793e\u533a\u5f00\u6e90\u7684\u5f3a\u5927\u7684\u00a0<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=http%3A\/\/inversify.io\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">http:\/\/inversify.io<\/a><\/li>\n<\/ul>\n<p data-pid=\"jrmxHzFD\">TS \u4f9d\u8d56\u6ce8\u5165\u5e38\u89c1\u7684\u5b9e\u73b0\u539f\u7406\u662f\u4f7f\u7528\u00a0<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/www.npmjs.com\/package\/reflect-metadata\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">reflect-metadata<\/a>\u00a0\u8bbe\u7f6e\u4e0e\u83b7\u53d6\u5143\u4fe1\u606f\uff0c\u4ece\u800c\u53ef\u4ee5\u5b9e\u73b0\u5728\u8fd0\u884c\u65f6\u62ff\u5230\u672c\u6765\u5c5e\u4e8e\u7f16\u8f91\u6001\u7684 TypeScript \u7c7b\u578b\u76f8\u5173\u5143\u4fe1\u606f\uff0c\u5177\u4f53\u6765\u8bf4\u5c31\u662f\u4e0b\u9762\u8fd9\u4e9b API\uff1a<\/p>\n<ul>\n<li data-pid=\"W1VvWW6z\">Reflect.getMetadata(&#8220;design:type&#8221;, , target, key): \u83b7\u53d6 class \u5c5e\u6027\u7c7b\u578b\u5143\u4fe1\u606f<\/li>\n<li data-pid=\"Ml8dkFfk\">Reflect.getMetadata(&#8220;design:paramtypes&#8221;, target, key): \u83b7\u53d6 class \u65b9\u6cd5\u53c2\u6570\u5143\u4fe1\u606f<\/li>\n<li data-pid=\"RA2QM1i6\">Reflect.getMetadata(&#8220;design:returntype&#8221;, target, key)\uff1a\u83b7\u53d6 class \u65b9\u6cd5\u8fd4\u56de\u503c\u5143\u4fe1\u606f<\/li>\n<li data-pid=\"TtIwr8TO\">Reflect.defineMetadata(metadataKey, metadataValue, target, propertyKey)\uff1a\u8bbe\u7f6e\u5143\u4fe1\u606f<\/li>\n<li data-pid=\"YmJDIsQV\">Reflect.getMetadata(metadataKey, target, propertyKey): \u83b7\u53d6\u5143\u4fe1\u606f<\/li>\n<\/ul>\n<p data-pid=\"SZYz2mgO\">\u4e0d\u8fc7\u5177\u4f53\u5230 VSCode \u7684\u4f9d\u8d56\u6ce8\u5165\uff0c\u5b83\u6ca1\u6709\u4f7f\u7528 reflect-metadata \u8fd9\u4e00\u5957\uff0c\u800c\u662f\u57fa\u4e8e decorator \u53bb\u6807\u6ce8\u5143\u4fe1\u606f\uff0c\u6574\u4e2a\u5b9e\u73b0\u4e86\u4e00\u5957\u81ea\u5df1\u7684\u4f9d\u8d56\u6ce8\u5165\u65b9\u5f0f\uff0c\u5177\u4f53\u53ef\u4ee5\u53c2\u8003<a class=\"internal\" href=\"https:\/\/zhuanlan.zhihu.com\/p\/96902077\" data-za-detail-view-id=\"1043\">vscode \u6e90\u7801\u89e3\u6790-\u4f9d\u8d56\u6ce8\u5165<\/a>\u00a0\u8fd9\u7bc7\u6587\u7ae0\uff0c\u5927\u81f4\u5305\u542b\u5982\u4e0b\u51e0\u7c7b\u89d2\u8272\uff1a<\/p>\n<ul>\n<li data-pid=\"7tXFZQkh\">Service\uff1a\u670d\u52a1\u7684\u5b9e\u73b0\u903b\u8f91<\/li>\n<li data-pid=\"P1zFjZ8P\">Interface\uff1a\u670d\u52a1\u7684\u63a5\u53e3\u63cf\u8ff0<\/li>\n<li data-pid=\"PLFeIiTz\">Client\uff1a\u670d\u52a1\u4f7f\u7528\u65b9<\/li>\n<li data-pid=\"HbW3uABK\">Manger\uff1a\u670d\u52a1\u7ba1\u7406\u5668<\/li>\n<\/ul>\n<p data-pid=\"h7-qs7oi\">\u4e3e\u4e2a\u4f8b\u5b50\u6765\u770b\uff0c\u5728 \/src\/core\/platform \u91cc\u9762\u5b9a\u4e49\u4e86\u5927\u91cf service\uff0c\u5176\u4ed6\u5730\u65b9\u6d88\u8d39\u8005 Client \u90fd\u53ef\u4ee5\u7528\u4f9d\u8d56\u6ce8\u5165\u7684\u65b9\u5f0f\u4f7f\u7528\u5230\uff0c\u4f2a\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">class Client {\r\n  \/\/ \u6784\u9020\u51fd\u6570\u53c2\u6570\u6ce8\u5165\uff08\u4f9d\u8d56\u6ce8\u5165\u65b9\u5f0f\u7684\u4e00\u79cd\uff09\r\n  constructor(\r\n    \/\/ \u5fc5\u9009\r\n    @IModelService modelService: IModelService,\r\n    \/\/ \u53ef\u9009\r\n    @optional(IEditorService) editorService: IEditorService\r\n  ) {\r\n    \/\/ use services\r\n  }\r\n}\r\n\r\n\/\/ \u5b9e\u4f8b\u5316\r\ninstantiationService.createInstance(Client);<\/code><\/pre>\n<\/div>\n<h3>5. \u7edd\u5bf9\u8def\u5f84 import<\/h3>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-42015bdc46638edb1598a8bd676b41af_720w.webp\" width=\"977\" height=\"739\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"977\" data-rawheight=\"739\" data-original=\"https:\/\/pic4.zhimg.com\/v2-42015bdc46638edb1598a8bd676b41af_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-42015bdc46638edb1598a8bd676b41af_b.jpg\" data-original-token=\"v2-42015bdc46638edb1598a8bd676b41af\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-334803ebf39803a9a514a763f5504c6b_720w.webp\" width=\"513\" height=\"504\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"513\" data-rawheight=\"504\" data-original=\"https:\/\/pic4.zhimg.com\/v2-334803ebf39803a9a514a763f5504c6b_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-334803ebf39803a9a514a763f5504c6b_b.jpg\" data-original-token=\"v2-334803ebf39803a9a514a763f5504c6b\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\u70b9\u8bc4\uff1a\r\n\u7edd\u5bf9\u8def\u5f84 import \u662f\u4e00\u4e2a\u975e\u5e38\u503c\u5f97\u5b66\u4e60\u7684\u6280\u5de7\uff0c\u5177\u4f53\u7684\u65b9\u5f0f\u662f\u914d\u7f6e TypeScript compilerOptions.paths\r\n\u76f8\u5bf9\u8def\u5f84 import \u5bf9\u9605\u8bfb\u8005\u7684\u5927\u8111\u8d1f\u62c5\u9ad8\uff0c\u4f9d\u8d56\u5f53\u524d\u6587\u4ef6\u4f4d\u7f6e\u4e0a\u4e0b\u6587\u4fe1\u606f\u624d\u80fd\u7406\u89e3\r\n\u5047\u8bbe\u4fee\u6539\u4ee3\u7801\u7684\u65f6\u5019\u79fb\u52a8\u6587\u4ef6\u4f4d\u7f6e\uff0c\u76f8\u5bf9\u8def\u5f84\u9700\u8981\u4fee\u6539\u672c\u6587\u4ef6\u7684\u6240\u6709 import\uff0c\u7edd\u5bf9\u8def\u5f84\u4e0d\u9700\u8981<\/code><\/pre>\n<\/div>\n<h3>6. \u547d\u4ee4\u7cfb\u7edf<\/h3>\n<p data-pid=\"n964-Fbs\">VSCode \u548c monaco-editor \u90fd\u6709\u81ea\u5df1\u7684\u547d\u4ee4\u7cfb\u7edf\uff0c\u8682\u8681\u00a0<a class=\"internal\" href=\"https:\/\/zhuanlan.zhihu.com\/p\/83860143\" data-za-detail-view-id=\"1043\">CloudIDE<\/a>\u00a0\u56e2\u961f\u7684\u540c\u5b66\u4e5f\u66fe\u7ecf\u5bf9\u547d\u4ee4\u7cfb\u7edf\u7684\u4f18\u52bf\u505a\u8fc7\u603b\u7ed3\uff1a<\/p>\n<p data-pid=\"yB0-3D20\">\u4f20\u7edf\u7684\u6a21\u5757\u8c03\u7528\u662f\u4e2a\u7f51\u72b6\uff0c\u4e0d\u592a\u597d\u627e\u5230\u4e00\u4e2a\u5207\u9762\u6765\u7406\u89e3\u6216\u6cbb\u7406\uff1a<\/p>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"content_image lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-fa176e771960177b8f64e334b9dc50e7_720w.webp\" width=\"306\" height=\"237\" data-caption=\"\" data-size=\"small\" data-rawwidth=\"306\" data-rawheight=\"237\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-fa176e771960177b8f64e334b9dc50e7_b.jpg\" data-original-token=\"v2-fa176e771960177b8f64e334b9dc50e7\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<p data-pid=\"5fRSdNX-\">\u800c\u547d\u4ee4\u7cfb\u7edf\u662f\u4e2d\u5fc3\u5316\u7684\uff0c\u5404\u529f\u80fd\u672b\u7aef\u53d8\u6210\u4e86\u6241\u5e73\u5316\u7684\u7ed3\u6784\uff1a<\/p>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic2.zhimg.com\/80\/v2-7602adba2fbbe628aa434294ecfc3ca5_720w.webp\" width=\"471\" height=\"176\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"471\" data-rawheight=\"176\" data-original=\"https:\/\/pic2.zhimg.com\/v2-7602adba2fbbe628aa434294ecfc3ca5_r.jpg\" data-actualsrc=\"https:\/\/pic2.zhimg.com\/v2-7602adba2fbbe628aa434294ecfc3ca5_b.jpg\" data-original-token=\"v2-7602adba2fbbe628aa434294ecfc3ca5\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\u70b9\u8bc4\uff1a\r\n\u4e91\u51e4\u8776\u7f16\u8f91\u5668\u4e5f\u9047\u5230\u8fd9\u7c7b\u95ee\u9898\uff0c\u4e91\u51e4\u8776\u7684\u81ea\u7531\u753b\u5e03\u7f16\u8f91\u5668\u6709\u975e\u5e38\u591a\u7684\u529f\u80fd\uff0c\u53c2\u89c1 \u300a\u6253\u9020\u5ab2\u7f8e Sketch \u7684\u81ea\u7531\u753b\u5e03\u300b\r\n\u800c\u4e14\u5f88\u591a\u60c5\u51b5\u4e0b\u4e00\u4e2a\u529f\u80fd\u7684\u89e6\u53d1\u65b9\u5f0f\u662f\u591a\u79cd\u591a\u6837\u7684\uff0c\u6bd4\u5982\u5927\u7eb2\u6811\u53f3\u952e\u83dc\u5355\u89e6\u53d1\uff0c\u9876\u90e8\u5de5\u5177\u680f\u89e6\u53d1\uff0c\u753b\u5e03\u53f3\u952e\u83dc\u5355\u89e6\u53d1\uff0c\u952e\u76d8\u5feb\u6377\u952e\u89e6\u53d1\u7b49\r\n\u8fd9\u5c31\u8981\u6c42\u8be5\u529f\u80fd\u7684\u5b9e\u73b0\u51fd\u6570\u80fd\u8de8\u533a\u57df\u5728\u591a\u4e2a\u4f4d\u7f6e\u8c03\u7528\uff0c\u8fd9\u5f88\u5bb9\u6613\u5bfc\u81f4\u4ee3\u7801\u4f9d\u8d56\u5173\u7cfb\u5f02\u5e38\u6df7\u4e71\u3002\r\n\u800c\u547d\u4ee4\u7cfb\u7edf\u5c31\u662f\u4e00\u79cd\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\u7684\u5f88\u597d\u601d\u8def<\/code><\/pre>\n<\/div>\n<h3>7. TypeScript<\/h3>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic1.zhimg.com\/80\/v2-5070889f8d325a06422e52c405b98384_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic1.zhimg.com\/v2-5070889f8d325a06422e52c405b98384_r.jpg\" data-actualsrc=\"https:\/\/pic1.zhimg.com\/v2-5070889f8d325a06422e52c405b98384_b.jpg\" data-original-token=\"v2-5070889f8d325a06422e52c405b98384\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-a93f633f70613d12d4c713986d93803b_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic4.zhimg.com\/v2-a93f633f70613d12d4c713986d93803b_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-a93f633f70613d12d4c713986d93803b_b.jpg\" data-original-token=\"v2-a93f633f70613d12d4c713986d93803b\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-d506fecd8cf2fc681aca4de5dda360eb_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic4.zhimg.com\/v2-d506fecd8cf2fc681aca4de5dda360eb_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-d506fecd8cf2fc681aca4de5dda360eb_b.jpg\" data-original-token=\"v2-d506fecd8cf2fc681aca4de5dda360eb\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<h3>\u542f\u52a8\u6d41\u7a0b \uff08TLDR\uff09<\/h3>\n<p data-pid=\"P9WFxQSK\">\u4e0a\u6587\u521d\u6b65\u4e86\u89e3\u4e86 vscode \u7684\u6280\u672f\u67b6\u6784\u4e0e\u6e90\u7801\u7ec4\u7ec7\uff0c\u624b\u75d2\u7684\u540c\u5b66\u4f30\u8ba1\u6709\u70b9\u7b49\u4e0d\u53ca\u5c1d\u8bd5\u8d70\u4e00\u904d vscode \u7684\u542f\u52a8\u6d41\u7a0b\u4e86\u3002<\/p>\n<p data-pid=\"AgnVnKCL\">\u7136\u540e\u5728\u6b63\u5f0f\u53d1\u8f66\u4e4b\u524d\uff0c\u6211\u9700\u8981\u7ed9\u5927\u5bb6\u4e00\u70b9\u53cb\u60c5\u63d0\u9192\uff0c\u5982\u679c\u4f60\u6ca1\u8010\u5fc3\u770b\u5b8c\u4e0b\u9762\u7684 VSCode \u7684\u542f\u52a8\u6d41\u7a0b\uff0c\u5e94\u8be5\u77e5\u9053\uff0c\u4eba\u751f\u5f97\u8fc7\u4e14\u8fc7 o(\u2565\ufe4f\u2565)o<\/p>\n<p data-pid=\"zNHWvO18\">\u603b\u4f53\u6765\u770b\uff0cVSCode \u7684\u542f\u52a8\u4ee3\u7801\u771f\u6b63 show \u7ed9\u6211\u4eec\u770b\u4e86\u4e00\u4e2a\u590d\u6742\u7684\u5ba2\u6237\u7aef\u8f6f\u4ef6\u7684\u4ee3\u7801\u4f1a\u5de5\u7a0b\u5316\u5230\u4ec0\u4e48\u5730\u6b65\uff0c\u8fd9\u5176\u4e2d\u63ba\u6742\u4e86\u5927\u91cf\u7684\u57fa\u4e8e TypeScript \u7684 OOP \u5f0f\u7684\u4ee3\u7801\u7ec4\u7ec7\uff0c\u5404\u79cd\u5bf9\u8fb9\u754c\uff0c\u5bbf\u4e3b\u73af\u5883\uff0c\u4e0a\u4e0b\u6587\u7684\u5904\u7406\uff0c\u672c\u6765\u7b80\u5355\u7684\u542f\u52a8 APP \u6e32\u67d3\u4e00\u4e2a\u9875\u9762\u6d41\u7a0b\u53d8\u5f97\u6781\u5176\u590d\u6742\u3002<\/p>\n<p data-pid=\"a5qz0LfU\">\u4e0b\u9762\u7cbe\u7b80\u62bd\u53d6\u6838\u5fc3\u542f\u52a8\u94fe\u8def\u7684\u6587\u4ef6\u548c\u65b9\u6cd5\u770b\u4e00\u770b\uff1a<\/p>\n<ul>\n<li data-pid=\"6RCpcG-k\">\u5165\u53e3\uff1apackage.json { &#8220;main&#8221;: &#8220;.\/out\/main&#8221; } : electron \u7684\u6807\u51c6\u542f\u52a8\u5165\u53e3<\/li>\n<li data-pid=\"e-TqFUE1\">&#8216;\/out\/main.js&#8217;: \u662f\u6784\u5efa\u4ea7\u7269\u7684\u5165\u53e3\u6587\u4ef6\uff0c\u5b83\u5bf9\u5e94\u6e90\u7801 &#8216;\/src\/main.js&#8217;<\/li>\n<\/ul>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\/\/ \/src\/main.js \u7684\u7cbe\u7b80\u6838\u5fc3\u94fe\u8def\r\nconst { app, protocol } = require('electron');\r\n\r\napp.once('ready', function () {\r\n  \/\/ electron \u542f\u52a8\u597d\u4e4b\u540e\uff0c\u8c03\u7528 vscode \u7684\u5165\u53e3\r\n    onReady();\r\n});\r\n\r\nasync function onReady() {\r\n    \/\/ \u83b7\u53d6\u7f13\u5b58\u6587\u4ef6\u76ee\u5f55\u5730\u5740\u548c\u8bed\u8a00\u914d\u7f6e\uff0c\u6267\u884c\u542f\u52a8\r\n        const [cachedDataDir, nlsConfig] = await Promise.all([nodeCachedDataDir.ensureExists(), resolveNlsConfiguration()]);\r\n        startup(cachedDataDir, nlsConfig);\r\n}\r\n\r\nfunction startup(cachedDataDir, nlsConfig) {\r\n  \/\/ \u5148\u52a0\u8f7d vscode \u81ea\u5df1\u5f00\u6e90\u7684 AMD Loader https:\/\/github.com\/Microsoft\/vscode-loader\/\r\n  \/\/ \u518d\u4f7f\u7528\u8fd9\u4e2a loader \u53bb\u52a0\u8f7d VSCode \u7684\u4e3b\u5165\u53e3\u6587\u4ef6\r\n    require('.\/bootstrap-amd').load('vs\/code\/electron-main\/main');\r\n}\r\n\/\/ \/src\/vs\/code\/electron-main\/main.ts \u7cbe\u7b80\u6838\u5fc3\u94fe\u8def\r\n\r\n\/\/ \u521d\u59cb\u5316\u4e3b\u7c7b\r\nconst code = new CodeMain();\r\n\/\/ \u6267\u884c\u4e3b\u5165\u53e3\u51fd\u6570\r\ncode.main();\r\n\r\nclass CodeMain {\r\n  main() {\r\n    \/\/ vscode \u7684 class public \u5165\u53e3\u4e00\u822c\u53ea\u662f\u7a7a\u58f3\uff0c\u771f\u6b63\u7684\u90fd\u5728 private \u903b\u8f91\u91cc\u9762\r\n    this.startUp();\r\n  }\r\n  private async startup() {\r\n    \/\/ \u5148\u521b\u5efa\u4f9d\u8d56\u7684\u521d\u59cb\u5316 service\r\n        const [instantiationService, instanceEnvironment] = this.createServices();\r\n    \/\/ \u521b\u5efa\u7f16\u8f91\u5668\u5b9e\u4f8b\u5e76\u8c03\u7528 startUp \u65b9\u6cd5\r\n    return instantiationService.createInstance(CodeApplication).startup();\r\n  }\r\n}\r\n\/\/ \/src\/vs\/code\/electron-main\/app.ts\r\n\r\nexport class CodeApplication extends Disposable {\r\n    async startup(): Promise&lt;void&gt; {\r\n        \/\/ IPC Server\r\n        const electronIpcServer = new ElectronIPCServer();\r\n        \/\/ SharedProcess\r\n        const sharedProcess = this.instantiationService.createInstance(SharedProcess, machineId, this.userEnv);\r\n        \/\/ \u521b\u5efa\u4e00\u5927\u5806\u4f9d\u8d56\u7684 service\r\n        \/\/ IUpdateService IWindowsMainService IDialogMainService IMenubarService IStorageMainService......\r\n        const appInstantiationService = await this.createServices(machineId, trueMachineId, sharedProcess, sharedProcessClient);\r\n        \/\/ \u6253\u5f00\u4e00\u4e2a\u7a97\u53e3\r\n            const windows = appInstantiationService.invokeFunction(accessor =&gt; this.openFirstWindow(accessor, electronIpcServer, sharedProcessClient));\r\n    }\r\n      private openFirstWindow() {\r\n      const windowsMainService = this.windowsMainService = accessor.get(IWindowsMainService);\r\n            return windowsMainService.open();\r\n    }\r\n}\r\n\/\/ \/src\/vs\/platform\/windows\/electron-main\/windowsMainService.ts\r\nexport class WindowsMainService extends Disposable implements IWindowsMainService {\r\n  open() {\r\n    \/\/ \u6267\u884c open\r\n    this.doOpen();\r\n  }\r\n  private doOpen() {\r\n    \/\/ \u6253\u5f00\u6d4f\u89c8\u5668\u7a97\u53e3\r\n    this.openInBrowserWindow();\r\n  }\r\n  private openInBrowserWindow() {\r\n            \/\/ \u521b\u5efa\u7a97\u53e3\r\n            const createdWindow = window = this.instantiationService.createInstance(CodeWindow, {\r\n                state,\r\n                extensionDevelopmentPath: configuration.extensionDevelopmentPath,\r\n                isExtensionTestHost: !!configuration.extensionTestsPath\r\n            });\r\n  }\r\n    private doOpenInBrowserWindow() {\r\n        \/\/ \u52a0\u8f7d\u9875\u9762\r\n    window.load(configuration);\r\n  }\r\n}\r\n\/\/ \/src\/vs\/code\/electron-main\/window.ts\r\nexport class CodeWindow extends Disposable implements ICodeWindow {\r\n  load() {\r\n        \/\/ \u8c03\u7528 electron \u7684 api \u52a0\u8f7d\u4e00\u4e2a url \u7684 html \u9875\u9762\r\n        this._win.loadURL(this.getUrl(configuration));\r\n  }\r\n    private getUrl() {\r\n    \/\/ \u83b7\u53d6\u8981\u6253\u5f00\u7684 url\r\n    let configUrl = this.doGetUrl(config);\r\n    return configUrl;\r\n  }\r\n    private doGetUrl(config: object): string {\r\n    \/\/ \u7ec8\u4e8e\u770b\u5230 html \u4e86\uff01\uff01\u6cea\u6d41\u6ee1\u9762\u3012\u25bd\u3012\r\n    \/\/ \u6253\u5f00 VSCode \u7684\u5de5\u4f5c\u53f0\uff0c\u4e5f\u5c31\u662f workbench  \r\n        return `${require.toUrl('vs\/code\/electron-browser\/workbench\/workbench.html')}?config=${encodeURIComponent(JSON.stringify(config))}`;\r\n    }\r\n}<\/code><\/pre>\n<\/div>\n<h3>\u4ee3\u7801\u7f16\u8f91\u5668\u6280\u672f<\/h3>\n<p data-pid=\"nbLs1be-\">\u56e0\u4e3a\u672c\u6587\u5173\u6ce8\u7684\u91cd\u70b9\u5e76\u4e0d\u5728\u771f\u6b63\u7684\u4ee3\u7801\u7f16\u8f91\u5668\u6280\u672f\u800c\u662f\u5728\u8c03\u7814\u4e00\u4e0b\u5927\u578b\u8f6f\u4ef6\u7684\u5de5\u7a0b\u5316\uff0c\u56e0\u6b64\u672c\u6587\u53ea\u4f1a\u7b80\u8981\u4ecb\u7ecd\u4e00\u4e0b\u4ee3\u7801\u7f16\u8f91\u76f8\u5173\u7684\u7684\u4e00\u4e9b\u6838\u5fc3\u6280\u672f\uff1a<\/p>\n<ul>\n<li data-pid=\"N_5WiZsL\">monaco-editor \u6587\u672c\u7f16\u8f91\u5668\uff0c\u975e\u5e38\u7cbe\u6df1\u7684\u9886\u57df\uff0c\u4e0d\u5c55\u5f00\u804a\uff0c\u53ef\u4ee5\u770b\u4e00\u4e9b\u6709\u610f\u601d\u7684\u7ec6\u8282\uff1a\n<ul>\n<li data-pid=\"ztkR4ib7\"><a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/code.visualstudio.com\/blogs\/2018\/03\/23\/text-buffer-reimplementation\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">Text Buffer \u6027\u80fd\u4f18\u5316<\/a><\/li>\n<li data-pid=\"JDjBbAiN\"><a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/github.com\/microsoft\/vscode\/wiki\/%255BWIP%255D-Code-Editor-Design-Doc\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">MVVM \u67b6\u6784<\/a><\/li>\n<\/ul>\n<\/li>\n<li data-pid=\"zwi9UYT4\">language server protocol \u8bed\u8a00\u63d0\u793a\uff0c \u4e5f\u662f vscode \u7684\u4e00\u5927\u521b\u4e3e\uff1a\n<ul>\n<li data-pid=\"9DDcdj0u\">\u4e0d\u518d\u5173\u6ce8 AST \u548c Parser\uff0c\u8f6c\u800c\u5173\u6ce8 Document \u548c Position\uff0c\u4ece\u800c\u5b9e\u73b0\u8bed\u8a00\u65e0\u5173\u3002<\/li>\n<li data-pid=\"LtT2J2EZ\">\u5c06\u8bed\u8a00\u63d0\u793a\u53d8\u6210 CS \u67b6\u6784\uff0c\u6838\u5fc3\u62bd\u8c61\u6210\u5f53\u70b9\u51fb\u4e86\u6587\u6863\u7684\u7b2c\u51e0\u884c\u7b2c\u51e0\u5217\u4f4d\u7f6e\u9700\u8981 server \u4f5c\u51fa\u4ec0\u4e48\u54cd\u5e94\u7684\u4e00\u4e2a\u7b80\u5355\u6a21\u578b\uff0c\u57fa\u4e8e JSON RPC \u534f\u8bae\u4f20\u8f93\uff0c\u6bcf\u4e2a\u8bed\u8a00\u90fd\u53ef\u4ee5\u57fa\u4e8e\u534f\u8bae\u5b9e\u73b0\u901a\u7528\u540e\u7aef<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic1.zhimg.com\/80\/v2-df15dfb76180d92d6f81ecb619f2f414_720w.webp\" width=\"883\" height=\"366\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"883\" data-rawheight=\"366\" data-original=\"https:\/\/pic1.zhimg.com\/v2-df15dfb76180d92d6f81ecb619f2f414_r.jpg\" data-actualsrc=\"https:\/\/pic1.zhimg.com\/v2-df15dfb76180d92d6f81ecb619f2f414_b.jpg\" data-original-token=\"v2-df15dfb76180d92d6f81ecb619f2f414\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-a48ed65c40ccbc74a3a9a30398684857_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic4.zhimg.com\/v2-a48ed65c40ccbc74a3a9a30398684857_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-a48ed65c40ccbc74a3a9a30398684857_b.jpg\" data-original-token=\"v2-a48ed65c40ccbc74a3a9a30398684857\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<ul>\n<li data-pid=\"9v9MCDVH\"><a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/code.visualstudio.com\/api\/extension-guides\/debugger-extension\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">Debug Adaptor Prototal<\/a>: \u8c03\u8bd5\u534f\u8bae<\/li>\n<\/ul>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic3.zhimg.com\/80\/v2-59b7187bb26dd2ff68e1782c03b7e206_720w.webp\" width=\"696\" height=\"243\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"696\" data-rawheight=\"243\" data-original=\"https:\/\/pic3.zhimg.com\/v2-59b7187bb26dd2ff68e1782c03b7e206_r.jpg\" data-actualsrc=\"https:\/\/pic3.zhimg.com\/v2-59b7187bb26dd2ff68e1782c03b7e206_b.jpg\" data-original-token=\"v2-59b7187bb26dd2ff68e1782c03b7e206\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-93ef689eb3e359dd9e19b7224d1e1e6f_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic4.zhimg.com\/v2-93ef689eb3e359dd9e19b7224d1e1e6f_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-93ef689eb3e359dd9e19b7224d1e1e6f_b.jpg\" data-original-token=\"v2-93ef689eb3e359dd9e19b7224d1e1e6f\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic1.zhimg.com\/80\/v2-b122efe719e56c72e1cea0e65624fd04_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic1.zhimg.com\/v2-b122efe719e56c72e1cea0e65624fd04_r.jpg\" data-actualsrc=\"https:\/\/pic1.zhimg.com\/v2-b122efe719e56c72e1cea0e65624fd04_b.jpg\" data-original-token=\"v2-b122efe719e56c72e1cea0e65624fd04\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\u70b9\u8bc4\uff1a\r\nmonaco-editor \u53ef\u4ee5\u770b\u51fa\u4e13\u5bb6\u7ea7\u4eba\u7269\u7684\u9886\u57df\u79ef\u7d2f\uff0c\u5c5e\u4e8e VSCode \u7684\u6838\u5fc3\u7ade\u4e89\u529b\r\nlanguage server protocol \u548c Debug Adaptor Prototal \u7684\u8bbe\u8ba1\u5c31\u5c5e\u4e8e\u9ad8\u5c4b\u5efa\u74f4\r\n\u53ef\u4ee5\u770b\u51fa\u601d\u60f3\u5c42\u6b21\uff0c\u628a\u81ea\u5df1\u7684\u4e1c\u897f\u505a\u6210\u6807\u51c6\uff0c\u505a\u51fa\u751f\u6001\uff0c\u5f00\u653e\u5171\u8d62<\/code><\/pre>\n<\/div>\n<h2>\u56db\u3001VSCode \u63d2\u4ef6\u7cfb\u7edf<\/h2>\n<h3>\u7406\u5ff5\u5dee\u5f02<\/h3>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic3.zhimg.com\/80\/v2-1da3bcd351236f3e6dbf5dea6d0c1696_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic3.zhimg.com\/v2-1da3bcd351236f3e6dbf5dea6d0c1696_r.jpg\" data-actualsrc=\"https:\/\/pic3.zhimg.com\/v2-1da3bcd351236f3e6dbf5dea6d0c1696_b.jpg\" data-original-token=\"v2-1da3bcd351236f3e6dbf5dea6d0c1696\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<p data-pid=\"T8zpZqU-\">\u5bf9\u6bd4\u51e0\u5927 IDE\uff1a<\/p>\n<ul>\n<li data-pid=\"gMreQxTu\">Visual Studio \/ IntelliJ\uff1a\u4e0d\u9700\u8981\u63d2\u4ef6\uff0call in one \uff08\u4e0d\u591f\u5f00\u653e\uff09<\/li>\n<li data-pid=\"AaVySUVR\">Eclipse: \u4e00\u5207\u7686\u63d2\u4ef6 \uff08\u81c3\u80bf\u3001\u6162\u3001\u4e0d\u7a33\u5b9a\u3001\u4f53\u9a8c\u5dee\uff09<\/li>\n<li data-pid=\"uFHGamOD\">VSCode\uff1a\u4e2d\u5eb8\u4e4b\u9053<\/li>\n<\/ul>\n<h3>VSCode \u63d2\u4ef6\u7684\u5f3a\u9694\u79bb<\/h3>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-c493a52b89c968d5efbf208d38d2dfe7_720w.webp\" width=\"2880\" height=\"1800\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2880\" data-rawheight=\"1800\" data-original=\"https:\/\/pic4.zhimg.com\/v2-c493a52b89c968d5efbf208d38d2dfe7_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-c493a52b89c968d5efbf208d38d2dfe7_b.jpg\" data-original-token=\"v2-c493a52b89c968d5efbf208d38d2dfe7\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<ul>\n<li data-pid=\"hkyCkqH6\">\u72ec\u7acb\u8fdb\u7a0b\uff1aVSCode plugin \u4ee3\u7801\u8fd0\u884c\u5728\u53ea\u5c5e\u4e8e\u81ea\u5df1\u7684\u72ec\u7acb Extension Host \u5bbf\u4e3b\u8fdb\u7a0b\u91cc<\/li>\n<li data-pid=\"9-ejB7qs\">\u903b\u8f91\u4e0e\u89c6\u56fe\u9694\u79bb\uff1a\u63d2\u4ef6\u5b8c\u5168\u65e0\u6cd5\u8bbf\u95ee DOM \u4ee5\u53ca\u64cd\u4f5c UI\uff0c\u63d2\u4ef6\u53ea\u80fd\u54cd\u5e94 VSCode Core \u66b4\u9732\u7684\u6269\u5c55\u70b9<\/li>\n<li data-pid=\"Jl5-vdTO\">\u89c6\u56fe\u6269\u5c55\u80fd\u529b\u975e\u5e38\u5f31\uff1aVSCode \u6709\u975e\u5e38\u7a33\u5b9a\u7684\u4ea4\u4e92\u4e0e\u89c6\u89c9\u8bbe\u8ba1\uff0c\u63d0\u4f9b\u7ed9\u63d2\u4ef6\u7684 UI \u4e0a\u7684\u6d1e\uff08component slot\uff09\u975e\u5e38\u5c11\u4e14\u7a33\u5b9a<\/li>\n<li data-pid=\"B1kaZDrX\">\u53ea\u80fd\u4f7f\u7528\u9650\u5236\u7684\u7ec4\u4ef6\u6765\u6269\u5c55\uff1aVSCode \u5bf9\u89c6\u56fe\u6269\u5c55\u7684\u80fd\u529b\u9650\u5236\u975e\u5e38\u5f3a\uff0c\u6d1e\u91cc\u9762\u7684 UI \u662f\u5e76\u4e0d\u80fd\u968f\u610f\u7ed8\u5236\u7684\uff0c\u53ea\u80fd\u4f7f\u7528\u4e00\u4e9b\u5b98\u65b9\u63d0\u4f9b\u7684\u5185\u7f6e\u7ec4\u4ef6\uff0c\u6bd4\u5982 TreeView \u4e4b\u7c7b<\/li>\n<\/ul>\n<blockquote data-pid=\"OzaxDuvw\"><p>vscode \u6709\u54ea\u4e9b\u6269\u5c55\u80fd\u529b\uff1f<a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/code.visualstudio.com\/api\/extension-capabilities\/overview\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">code.visualstudio.com\/a<\/span><span class=\"invisible\">pi\/extension-capabilities\/overview<\/span><\/a><\/p><\/blockquote>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\u70b9\u8bc4\uff1a \r\n\u89c6\u56fe\u6269\u5c55\u7684\u514b\u5236\u5e26\u6765\u7edf\u4e00\u7684\u89c6\u89c9\u4e0e\u4ea4\u4e92\u98ce\u683c\uff0c\u5e26\u6765\u597d\u7684\u7528\u6237\u4f53\u9a8c\uff0c\u4fbf\u4e8e\u5efa\u7acb\u7a33\u5b9a\u7684\u7528\u6237\u5fc3\u667a \r\n\u63d2\u4ef6\u72ec\u7acb\u8fdb\u7a0b\uff0c\u4e0e\u89c6\u56fe\u9694\u79bb\uff0c\u4fdd\u8bc1\u6574\u4f53\u8f6f\u4ef6\u7684\u8d28\u91cf\u3001\u6027\u80fd\u3001\u5b89\u5168\u6027<\/code><\/pre>\n<\/div>\n<h3>Workbench \u89c6\u56fe\u7ed3\u6784<\/h3>\n<blockquote data-pid=\"mnrG2nAU\"><p><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/code.visualstudio.com\/docs\/getstarted\/userinterface\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">code.visualstudio.com\/d<\/span><span class=\"invisible\">ocs\/getstarted\/userinterface<\/span><\/a><\/p><\/blockquote>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic4.zhimg.com\/80\/v2-631c094f0b2e9a106013a3b69c91186b_720w.webp\" width=\"702\" height=\"444\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"702\" data-rawheight=\"444\" data-original=\"https:\/\/pic4.zhimg.com\/v2-631c094f0b2e9a106013a3b69c91186b_r.jpg\" data-actualsrc=\"https:\/\/pic4.zhimg.com\/v2-631c094f0b2e9a106013a3b69c91186b_b.jpg\" data-original-token=\"v2-631c094f0b2e9a106013a3b69c91186b\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<ul>\n<li data-pid=\"ykTR5N2g\">\u6807\u9898\u680f: Title Bar<\/li>\n<li data-pid=\"N7SUKNcB\">\u6d3b\u52a8\u680f: Activity Bar<\/li>\n<li data-pid=\"jGgltakn\">\u4fa7\u8fb9\u680f: Side Bar<\/li>\n<li data-pid=\"pJ729p68\">\u9762\u677f: Panal<\/li>\n<li data-pid=\"Yv7KxumT\">\u7f16\u8f91\u5668: Editor<\/li>\n<li data-pid=\"ETWKQq6T\">\u72b6\u6001\u680f: Status Bar<\/li>\n<\/ul>\n<p data-pid=\"PYDnV0KC\">\u5728\u8fd9\u4e2a\u89c6\u56fe\u7ed3\u6784\u91cc\u9762\u6709\u54ea\u4e9b\u53ef\u6269\u5c55\u5462\uff1f\u8be6\u89c1\u00a0<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/code.visualstudio.com\/api\/extension-capabilities\/extending-workbench\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">extending workbench<\/a>\uff1a<\/p>\n<figure data-size=\"normal\">\n<div><img loading=\"lazy\" decoding=\"async\" class=\"origin_image zh-lightbox-thumb lazy\" src=\"https:\/\/pic1.zhimg.com\/80\/v2-b4859559a6a3172374fa40d0378d6f5c_720w.webp\" width=\"2954\" height=\"2058\" data-caption=\"\" data-size=\"normal\" data-rawwidth=\"2954\" data-rawheight=\"2058\" data-original=\"https:\/\/pic1.zhimg.com\/v2-b4859559a6a3172374fa40d0378d6f5c_r.jpg\" data-actualsrc=\"https:\/\/pic1.zhimg.com\/v2-b4859559a6a3172374fa40d0378d6f5c_b.jpg\" data-original-token=\"v2-b4859559a6a3172374fa40d0378d6f5c\" data-lazy-status=\"ok\" \/><\/div>\n<\/figure>\n<h3>\u63d2\u4ef6 API \u6ce8\u5165<\/h3>\n<p data-pid=\"L7VZ_Avj\">\u63d2\u4ef6\u5f00\u53d1\u8005\u8c03\u7528 core \u80fd\u529b\u65f6\u9700\u8981\u5f15\u5165\u540d\u4e3a vscode \u7684 npm \u6a21\u5757<\/p>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">import * as vscode from 'vscode';<\/code><\/pre>\n<\/div>\n<p data-pid=\"aFlPIsdb\">\u800c\u5b9e\u9645\u4e0a\u8fd9\u53ea\u662f\u4e00\u4e2a vscode.d.ts \u7c7b\u578b\u58f0\u660e\u6587\u4ef6\uff0c\u5b83\u58f0\u660e\u4e86\u6240\u6709\u63d2\u4ef6\u53ef\u7528\u7684 API \u7c7b\u578b\u3002<br \/>\n\u8fd9\u4e9b API \u7684\u5177\u4f53\u5b9e\u73b0\u5728 src\/vs\/workbench\/api\/common\/extHost.api.impl.ts createApiFactoryAndRegisterActors<\/p>\n<p data-pid=\"iEL6i8P7\">\u90a3\u4e48\u5177\u4f53\u8fd9\u4e9b API \u5728 plugin \u6267\u884c\u4e0a\u4e0b\u6587\u662f\u4f55\u65f6\u6ce8\u5165\u7684\u5462\uff1f\u5176\u5b9e\u662f\u5728\u63d2\u4ef6 import \u8bed\u53e5\u6267\u884c\u7684\u65f6\u5019\u52a8\u4e86\u624b\u811a\u3002<\/p>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\/\/ \/src\/vs\/workbench\/api\/common\/extHostRequireInterceptor.ts\r\n\r\nclass VSCodeNodeModuleFactory implements INodeModuleFactory {\r\n    public load(_request: string, parent: URI): any {\r\n\r\n        \/\/ get extension id from filename and api for extension\r\n        const ext = this._extensionPaths.findSubstr(parent.fsPath);\r\n        if (ext) {\r\n            let apiImpl = this._extApiImpl.get(ExtensionIdentifier.toKey(ext.identifier));\r\n            if (!apiImpl) {\r\n                apiImpl = this._apiFactory(ext, this._extensionRegistry, this._configProvider);\r\n                this._extApiImpl.set(ExtensionIdentifier.toKey(ext.identifier), apiImpl);\r\n            }\r\n            return apiImpl;\r\n        }\r\n\r\n        \/\/ fall back to a default implementation\r\n        if (!this._defaultApiImpl) {\r\n            let extensionPathsPretty = '';\r\n            this._extensionPaths.forEach((value, index) =&gt; extensionPathsPretty += `\\t${index} -&gt; ${value.identifier.value}\\n`);\r\n            this._logService.warn(`Could not identify extension for 'vscode' require call from ${parent.fsPath}. These are the extension path mappings: \\n${extensionPathsPretty}`);\r\n            this._defaultApiImpl = this._apiFactory(nullExtensionDescription, this._extensionRegistry, this._configProvider);\r\n        }\r\n        return this._defaultApiImpl;\r\n    }\r\n}<\/code><\/pre>\n<\/div>\n<p data-pid=\"WcRypVyX\">vscode plugin \u7684 require \u5168\u90e8\u88ab\u00a0<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/github.com\/Microsoft\/vscode-loader\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">Microsoft\/vscode-loader<\/a>\u00a0\u52ab\u6301\u4e86\uff0c\u901a\u8fc7\u5bf9 require \u7684 hack \u5c06\u63d2\u4ef6 API \u6ce8\u5165\u5230\u4e86\u8fd0\u884c\u73af\u5883\u3002<\/p>\n<h3>\u63d2\u4ef6\u5f00\u53d1\u4e0e\u914d\u7f6e<\/h3>\n<p data-pid=\"jTRYJqh5\">\u811a\u624b\u67b6\uff1a\u00a0<a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/github.com\/Microsoft\/vscode-generator-code\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">github.com\/Microsoft\/vs<\/span><span class=\"invisible\">code-generator-code<\/span><\/a><br \/>\n\u5b98\u65b9 demo:\u00a0<a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/github.com\/Microsoft\/vscode-eslint\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">github.com\/Microsoft\/vs<\/span><span class=\"invisible\">code-eslint<\/span><\/a><\/p>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">npm install -g yo generator-code\r\nyo code<\/code><\/pre>\n<\/div>\n<p data-pid=\"2uFM_blb\">\u4e00\u4e2a\u63d2\u4ef6\u6838\u5fc3\u5c31\u662f\u4e00\u4e2a\u914d\u7f6e\u6587\u4ef6\uff1aExtension Manifest JSON (package.json \u91cc\u9762\u7684\u4e00\u4e2a\u5b57\u6bb5)<\/p>\n<blockquote data-pid=\"SjLK0yIA\"><p><a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/code.visualstudio.com\/api\/references\/extension-manifest%25EF%25BC%2589\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">https:\/\/code.visualstudio.com\/api\/references\/extension-manifest<\/a><\/p><\/blockquote>\n<p data-pid=\"Dk0xILOW\">\u4e00\u4e9b\u5173\u952e\u914d\u7f6e\u5982\u4e0b\uff1a<\/p>\n<h3>main\uff1a\u4e3b\u6587\u4ef6\u5165\u53e3\uff0c\u6bd4\u5982\u5bfc\u51fa\u4e00\u4e2a activate \u65b9\u6cd5\uff0c\u53ef\u4ee5\u63a5\u53d7 ctx \u505a\u4e00\u4e9b\u4e8b\u60c5<\/h3>\n<div class=\"highlight\">\n<pre><code class=\"language-text\">\"main\": \".\/src\/extension.js\",\r\n\/\/ extension.js\r\nconst vscode = require(\"vscode\");\r\n\r\nfunction activate(context) {\r\n  console.log('Congratulations, your extension \"helloworld\" is now active!');\r\n\r\n  let disposable = vscode.commands.registerCommand(\r\n    \"extension.helloWorld\",\r\n    function() {\r\n      vscode.window.showInformationMessage(\"Hello World!\");\r\n    }\r\n  );\r\n\r\n  context.subscriptions.push(disposable);\r\n}\r\n\r\nexports.activate = activate;<\/code><\/pre>\n<\/div>\n<h3>Activation Events \u6fc0\u6d3b\u65f6\u673a<\/h3>\n<ul>\n<li data-pid=\"PxykzuMT\">onLanguage\uff1a\u5305\u542b\u8be5\u8bed\u8a00\u7c7b\u578b\u7684\u6587\u4ef6\u88ab\u6253\u5f00<\/li>\n<li data-pid=\"RSTpCfhp\">onLanguage:json<\/li>\n<li data-pid=\"W-JX6GSY\">onCommand\uff1a\u67d0\u4e2a\u547d\u4ee4<\/li>\n<li data-pid=\"jDZESXRR\">onCommand:extension.sayHello<\/li>\n<li data-pid=\"Y-b5oBnf\">onDebug\uff1a\u5f00\u59cb\u8c03\u8bd5<\/li>\n<li data-pid=\"HuYyyxoN\">onDebugInitialConfigurations<\/li>\n<li data-pid=\"YXByWu-q\">onDebugResolve<\/li>\n<li data-pid=\"XeEu5wVP\">workspaceContains\uff1a\u6709\u5339\u914d\u89c4\u5219\u7684\u6587\u4ef6\u88ab\u6253\u5f00<\/li>\n<li data-pid=\"eYmrYQWq\">workspaceContains:**\/.editorconfig<\/li>\n<li data-pid=\"MpyP-cWY\">onFileSystem\uff1a\u6253\u5f00\u67d0\u4e2a\u7279\u6b8a\u534f\u8bae\u7684\u6587\u4ef6<\/li>\n<li data-pid=\"ZNhcFY4r\">onFileSystem:sftp<\/li>\n<li data-pid=\"6n_6LVUv\">onView\uff1a\u67d0\u4e2a id \u7684\u89c6\u56fe\u88ab\u663e\u793a<\/li>\n<li data-pid=\"hSj01Arb\">onView:nodeDependencies<\/li>\n<li data-pid=\"kjAmb6Gs\">onUri\uff1a\u5411\u64cd\u4f5c\u7cfb\u7edf\u6ce8\u518c\u7684 schema<\/li>\n<li data-pid=\"6vzTg3eq\">vscode:\/\/vscode.git\/init<\/li>\n<li data-pid=\"M43SIeSg\">onWebviewPanel\uff1a\u67d0\u79cd viewType \u7684 webview \u6253\u5f00\u65f6<\/li>\n<li data-pid=\"BcDgDYTr\">onWebviewPanel:catCoding<\/li>\n<li data-pid=\"Ij9JVenH\">*\uff1a\u542f\u52a8\u5c31\u7acb\u5373\u6253\u5f00<\/li>\n<\/ul>\n<h3>Contribution Points \u6269\u5c55\u70b9<\/h3>\n<ul>\n<li data-pid=\"YrPBZ7Zr\">contributes.configuration\uff1a\u672c\u63d2\u4ef6\u6709\u54ea\u4e9b\u53ef\u4f9b\u7528\u6237\u914d\u7f6e\u7684\u9009\u9879<\/li>\n<li data-pid=\"NWeyqtcV\">contributes.configurationDefaults\uff1a\u8986\u76d6 vscode \u9ed8\u8ba4\u7684\u4e00\u4e9b\u7f16\u8f91\u5668\u914d\u7f6e<\/li>\n<li data-pid=\"ZAxpWJdh\">contributes.commands\uff1a\u5411 vscode \u7684\u547d\u4ee4\u7cfb\u7edf\u6ce8\u518c\u4e00\u4e9b\u53ef\u4f9b\u7528\u6237\u8c03\u7528\u7684\u547d\u4ee4<\/li>\n<li data-pid=\"-y15N3q-\">contributes.menus\uff1a\u6269\u5c55\u83dc\u5355<\/li>\n<li data-pid=\"Vw1fLzEb\">&#8230;<\/li>\n<\/ul>\n<h2>\u4e94\u3001\u611f\u60f3<\/h2>\n<p data-pid=\"sOoCi6WM\">Eric Raymond \u6709\u4e00\u672c\u975e\u5e38\u77e5\u540d\u7684\u8457\u4f5c\u00a0<a class=\" wrap external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/book.douban.com\/subject\/25881855\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\">\u300a\u5927\u6559\u5802\u4e0e\u96c6\u5e02\u300b<\/a>\uff0c\u5176\u4e2d\u63d0\u5230\u8fc7\u4e00\u4e9b\u6709\u610f\u601d\u7684\u89c2\u70b9\uff1a<\/p>\n<ul>\n<li data-pid=\"UCTNaj9l\">\u5065\u58ee\u7684\u7ed3\u6784\u8fdc\u6bd4\u7cbe\u5de7\u7684\u8bbe\u8ba1\u6765\u5f97\u91cd\u8981\u3002\u6362\u53e5\u8bdd\u8bf4\uff0c\u7ed3\u6784\u662f\u7b2c\u4e00\u4f4d\u7684\uff0c\u529f\u80fd\u662f\u7b2c\u4e8c\u4f4d\u7684\u3002<\/li>\n<li data-pid=\"gAofgq0W\">\u4fdd\u6301\u9879\u76ee\u7684\u7b80\u5355\u6027\u3002\u8bbe\u8ba1\u8fbe\u5230\u5b8c\u7f8e\u7684\u65f6\u5019\uff0c\u4e0d\u662f\u65e0\u6cd5\u518d\u589e\u52a0\u4e1c\u897f\u4e86\uff0c\u800c\u662f\u65e0\u6cd5\u518d\u51cf\u5c11\u4e1c\u897f\u4e86\u3002<\/li>\n<\/ul>\n<p data-pid=\"sGh5U-1h\">VSCode \u7684\u4e00\u4e9b\u5de5\u7a0b\u4e0a\u7684\u4f18\u79c0\u8bbe\u8ba1\uff0c\u6bd4\u5982\u4f9d\u8d56\u6ce8\u5165\u3001\u7edd\u5bf9\u8def\u5f84\u5f15\u7528\u3001\u547d\u4ee4\u7cfb\u7edf\u5bf9\u4e8e\u4e91\u51e4\u8776\u6765\u8bf4\u662f\u53ef\u4ee5\u9a6c\u4e0a\u5b66\u4ee5\u81f4\u7528\u7684\uff0c\u800c contrib \u4e0e extension \u7684\u6269\u5c55\u7cfb\u7edf\uff0c\u5219\u975e\u4e00\u65e5\u4e4b\u529f\uff0c\u4e5f\u5e76\u4e0d\u5b9c\u76f2\u76ee\u4e0b\u624b\u3002<\/p>\n<p data-pid=\"bjp_g4Q9\">\u800c\u4e8b\u5b9e\u4e0a\u5728\u5c1d\u8bd5\u6253\u9020\u6bcf\u4e00\u4e2a\u5f00\u53d1\u8005\u90fd\u68a6\u60f3\u7684\u4e07\u7269\u7686 plugin \u5f0f\u7684\u5de5\u5177\u8f6f\u4ef6\u4e4b\u524d\uff0c\u6709\u4e00\u4e9b\u901a\u7528\u7684\u95ee\u9898\u9700\u8981\u5148\u51b7\u9759\u4e0b\u6765\u601d\u8003\uff1a<\/p>\n<ul>\n<li data-pid=\"tBndCET1\">\u7528\u6237\u6838\u5fc3\u5728\u64cd\u4f5c\u7684\u8d44\u6e90\u662f\u4ec0\u4e48\uff1f<\/li>\n<li data-pid=\"oP2ZV-CJ\">\u7528\u6237\u7684\u5173\u952e\u8def\u5f84\u662f\u4ec0\u4e48\uff1f<\/li>\n<li data-pid=\"6yf_KVrm\">\u8fd9\u4e2a\u8f6f\u4ef6\u7684\u6574\u4f53\u529f\u80fd\u5f62\u6001\uff0c\u4ea4\u4e92\u4e0e\u89c6\u89c9\u8bbe\u8ba1\u5df2\u7ecf\u7a33\u5b9a\u4e86\u5417\uff1f<\/li>\n<li data-pid=\"DR2I5R_x\">\u5185\u6838\u529f\u80fd\u533a\u548c\u7b2c\u4e09\u65b9\u6269\u5c55\u7684\u529f\u80fd\u57df\u4e4b\u95f4\u7684\u754c\u9650\u5728\u54ea\u91cc\uff1f<\/li>\n<li data-pid=\"tBO8RWLM\">\u54ea\u4e9b\u73af\u8282\u53ef\u80fd\u4f1a\u51fa\u73b0\u5916\u6ea2\u9700\u6c42\u9700\u8981\u7b2c\u4e09\u65b9\u6269\u5c55\u624d\u80fd\u88ab\u6ee1\u8db3\uff0c\u4e0d\u9002\u5b9c\u5b98\u65b9\u52a8\u624b\u505a\u5417\uff1f<\/li>\n<\/ul>\n<p data-pid=\"IBSaFbN6\">\u5bf9 VSCode \u800c\u8a00\uff1a<\/p>\n<ul>\n<li data-pid=\"S2d_hagg\">\u6838\u5fc3\u64cd\u4f5c\u7684\u8d44\u6e90\u662f\u6587\u4ef6<\/li>\n<li data-pid=\"YdfF71B5\">\u5173\u952e\u8def\u5f84\u662f\uff1a\u6253\u5f00\u6587\u4ef6 &#8211; \u7f16\u8f91\u6587\u4ef6 &#8211; \u4fdd\u5b58\u6587\u4ef6<\/li>\n<li data-pid=\"RNg6gvSJ\">\u6574\u4f53\u529f\u80fd\u8bbe\u8ba1\uff0c\u4ea4\u4e92\u4e0e\u89c6\u89c9\u8bbe\u8ba1\u975e\u5e38\u7a33\u5b9a<\/li>\n<li data-pid=\"w7VDEChq\">\u5185\u6838\u662f\u6587\u4ef6\u7ba1\u7406\u4e0e\u4ee3\u7801\u7f16\u8f91\uff0c\u591a\u6837\u6027\u7684\u7f16\u7a0b\u8bed\u8a00\u751f\u6001\uff0cCICD \u7b49\u884d\u751f\u7814\u53d1\u94fe\u8def\u7b49\u53ef\u80fd\u4f1a\u51fa\u73b0\u6269\u5c55\u9700\u6c42<\/li>\n<\/ul>\n<p data-pid=\"cmiSbr5n\">\u5bf9\u4e91\u51e4\u8776\u800c\u8a00\uff1a<\/p>\n<ul>\n<li data-pid=\"PD_k3N4t\">\u6838\u5fc3\u64cd\u4f5c\u7684\u8d44\u6e90\u662f\u9875\u9762\uff1a\uff08\u5206\u4e3a\u89c6\u56fe\u548c\u4ee3\u7801\uff09<\/li>\n<li data-pid=\"PoNL7jsT\">\u5173\u952e\u8def\u5f84\u662f\uff1a\u6253\u5f00\u9875\u9762 &#8211; \u7f16\u8f91\u9875\u9762\uff08\u62d6\u62fd\u89c6\u56fe\uff0c\u914d\u7f6e\u5c5e\u6027\uff0c\u7f16\u5199\u4ee3\u7801\uff09- \u4fdd\u5b58\u9875\u9762<\/li>\n<li data-pid=\"gx0AaXkz\">\u6574\u4f53\u529f\u80fd\u8bbe\u8ba1\u8fd8\u5728\u5feb\u901f\u8fed\u4ee3\u4e2d<\/li>\n<li data-pid=\"lc3OjUkn\">\u5185\u6838\u662f\u9875\u9762\u7684\u5236\u4f5c\uff0c\u591a\u6837\u6027\u7684\u8d44\u4ea7\u751f\u6001\uff0cCI CD \u7b49\u884d\u751f\u7814\u53d1\u94fe\u8def\u7b49\u53ef\u80fd\u4f1a\u51fa\u73b0\u6269\u5c55\u9700\u6c42<\/li>\n<\/ul>\n<p data-pid=\"lnXQCCM0\">\u56f4\u7ed5\u8fd9\u4e2a\u601d\u8003\uff0c\u4e91\u51e4\u8776\u5c06\u6301\u7eed\u5438\u7eb3\u4f18\u79c0\u7684\u601d\u60f3\u4e0e\u67b6\u6784\uff0c\u6301\u7eed\u5c06\u7f16\u8f91\u5668\u7684\u6838\u5fc3\u529f\u80fd\u94fe\u8def\u6253\u78e8\u901a\u900f\uff0c\u5e95\u5c42\u67b6\u6784\u642d\u5efa\u7a33\u5b9a\u3002<\/p>\n<h2>\u516d\u3001\u76f8\u5173\u8d44\u6599<\/h2>\n<ul>\n<li data-pid=\"ZxbwFphQ\"><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/www.youtube.com\/watch%3Fv%3DuLrnQtAq5Ec\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/www.<\/span><span class=\"visible\">youtube.com\/watch?<\/span><span class=\"invisible\">v=uLrnQtAq5Ec<\/span><\/a><\/li>\n<li data-pid=\"g4gx-kCp\"><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/www.youtube.com\/watch%3Fv%3DVs3AGfeuNKU\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/www.<\/span><span class=\"visible\">youtube.com\/watch?<\/span><span class=\"invisible\">v=Vs3AGfeuNKU<\/span><\/a><\/li>\n<li data-pid=\"ThKrPrZe\"><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/github.com\/JChehe\/blog\/issues\/5\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">github.com\/JChehe\/blog\/<\/span><span class=\"invisible\">issues\/5<\/span><\/a><\/li>\n<li data-pid=\"5sk3cWCR\"><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/electronjs.org\/docs\/tutorial\/application-architecture\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">electronjs.org\/docs\/tut<\/span><span class=\"invisible\">orial\/application-architecture<\/span><\/a><\/li>\n<li data-pid=\"lpsuaNkn\"><a class=\"internal\" href=\"https:\/\/zhuanlan.zhihu.com\/p\/54289476\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">zhuanlan.zhihu.com\/p\/54<\/span><span class=\"invisible\">289476<\/span><\/a><\/li>\n<li data-pid=\"mXD5C_Wg\"><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=http%3A\/\/phosphorjs.github.io\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">http:\/\/<\/span><span class=\"visible\">phosphorjs.github.io\/<\/span><\/a><\/li>\n<li data-pid=\"gIxc_Yfl\"><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/developer.egret.com\/cn\/docs\/page\/778\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">developer.egret.com\/cn\/<\/span><span class=\"invisible\">docs\/page\/778<\/span><\/a><\/li>\n<li data-pid=\"1lJnJjNm\"><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/developer.chrome.com\/extensions\/getstarted\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">developer.chrome.com\/ex<\/span><span class=\"invisible\">tensions\/getstarted<\/span><\/a><\/li>\n<li data-pid=\"e3J4pB7L\"><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/developer.alipay.com\/article\/8708\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">developer.alipay.com\/ar<\/span><span class=\"invisible\">ticle\/8708<\/span><\/a><\/li>\n<li data-pid=\"qxD5JIJC\"><a class=\" external\" href=\"https:\/\/link.zhihu.com\/?target=https%3A\/\/zhaomenghuan.js.org\/blog\/vscode-custom-development-basic-preparation.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-za-detail-view-id=\"1043\"><span class=\"invisible\">https:\/\/<\/span><span class=\"visible\">zhaomenghuan.js.org\/blo<\/span><span class=\"invisible\">g\/vscode-custom-development-basic-preparation.html<\/span><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"ContentItem-time\" tabindex=\"0\" role=\"button\">\u53d1\u5e03\u4e8e 2020-03-04 20:36<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u672c\u6587\u8f6c\u8f7d\u81ea\uff1ahttps:\/\/zhuanl<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[24],"tags":[121],"class_list":["post-7155","post","type-post","status-publish","format-standard","hentry","category-value_docs","tag-05-"],"_links":{"self":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/posts\/7155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/comments?post=7155"}],"version-history":[{"count":0,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/posts\/7155\/revisions"}],"wp:attachment":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/media?parent=7155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/categories?post=7155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/tags?post=7155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}