{"id":10813,"date":"2023-04-23T21:43:52","date_gmt":"2023-04-23T13:43:52","guid":{"rendered":"https:\/\/www.zhangxinxu.com\/wordpress\/?p=10813"},"modified":"2023-04-23T21:43:52","modified_gmt":"2023-04-23T13:43:52","slug":"ai-code-tool-codeium-github-copilot","status":"publish","type":"post","link":"https:\/\/www.zhangxinxu.com\/wordpress\/2023\/04\/ai-code-tool-codeium-github-copilot\/","title":{"rendered":"AI\u4ee3\u7801\u8f85\u52a9\u5de5\u5177codeium\u548ccopilot\u5728\u524d\u7aef\u8868\u73b0\u5bf9\u6bd4"},"content":{"rendered":"<p>by <a href=\"https:\/\/www.zhangxinxu.com\/\">zhangxinxu<\/a> from <a href=\"https:\/\/www.zhangxinxu.com\/wordpress\/?p=10813\">https:\/\/www.zhangxinxu.com\/wordpress\/?p=10813<\/a> \u946b\u7a7a\u95f4-\u946b\u751f\u6d3b<br \/>\n\u672c\u6587\u6b22\u8fce\u5206\u4eab\u4e0e\u805a\u5408\uff0c\u5168\u6587\u8f6c\u8f7d\u5c31\u4e0d\u5fc5\u4e86\uff0c\u82e5\u6025\u7528\u53ef\u4ee5\u8054\u7cfb\u6388\u6743\u3002<\/p>\n<p><script>window.wxShareImgUrl = 'https:\/\/www.zhangxinxu.com\/study\/image\/share\/202303-chatgpt-css.png';<\/script><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202303\/chatgpt-cover.png\" width=\"385\" height=\"235\" alt=\"chatGpt\u5c01\u9762\u56fe\" class=\"alignright clip thumb size-medium\" \/><\/p>\n<h3>\u4e00\u3001\u6545\u4e8b\u603b\u8981\u6709\u80cc\u666f\u7684<\/h3>\n<p>\u5728\u670b\u53cb\u5708\u770b\u5230\u6709\u4eba\u63d0\u5230\u4ee5\u540e\u7f51\u7ad9\u5f00\u53d1\u53ef\u4ee5\u4f7f\u7528codeium\uff0c\u6211\u7684\u7b2c\u4e00\u53cd\u5e94\u5c31\u662f\uff0c\u83ab\u975e\u662f\u90a3\u79cd\u4e00\u4e0b\u5b50\u5c31\u6574\u4e2aWeb\u7f51\u7ad9\u90fd\u51fa\u6765\u7684\u4eba\u5de5\u667a\u80fd\u4ea7\u54c1\uff1f<\/p>\n<p>\u4fbf\u53bb\u4e86\u89e3\uff0c\u7ed3\u679c\u2026\u2026\u989d\u2026\u2026\u5e76\u4e0d\u662f\u6211\u6240\u60f3\u7684\u8fd9\u822c\uff0c\u800c\u662f\u4e00\u4e2a\u548cGitHub Copilot\u529f\u80fd\u6781\u5ea6\u7c7b\u4f3c\u7684\u5f00\u53d1\u8f85\u52a9\u5de5\u5177\u3002<\/p>\n<p>\u5b98\u7f51\u5730\u5740\uff1a<a href=\"https:\/\/codeium.com\/\" rel=\"noopener\" target=\"_blank\">https:\/\/codeium.com\/<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/codeium-logo.png\" width=\"219\" height=\"67\" alt=\"codeium logo\" class=\"alignnone size-medium\" \/><\/p>\n<h4>\u76ee\u524d\u5df2\u77e5\u4f18\u52bf<\/h4>\n<p>\u6211\u5927\u81f4\u770b\u4e86\u4e0b\uff0c\u76f8\u6bd4GitHub Copilot\uff0cCodeium\u6709\u4e24\u4e2a\u975e\u5e38\u660e\u663e\u7684\u4f18\u52bf\uff1a<\/p>\n<ol>\n<li>\u4e2a\u4eba\u514d\u8d39\u4f7f\u7528<\/li>\n<li>\u652f\u6301\u6d4f\u89c8\u5668\u63d2\u4ef6\u3002\n<p>\u4f8b\u5982\u53ef\u4ee5\u76f4\u63a5\u5728codepen\u3001jsfiddle\u7b49\u2028\u5728\u7ebf\u524d\u7aef\u7f16\u8f91\u5668\u4e2d\u4f53\u9a8cAI\u4ee3\u7801\u63d0\u793a\u7684\u80fd\u529b\u3002<\/p>\n<p>\u4e0b\u56fe\u6240\u793a\u7684\u5c31\u662f\u6211\u5728 codepen.io \u4e2d\u4f53\u9a8c\u7684\u4ee3\u7801\u751f\u6210\u80fd\u529b\u793a\u610f\u56fe\uff1a<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/codepen-ai-tab.png\" width=\"482\" height=\"351\" alt=\"\u4ee3\u7801\u81ea\u52a8\u8865\u5168\u793a\u610f\" class=\"alignnone size-medium\" \/><\/p>\n<p>\u8fd9\u4e2a\u5f88\u4e0d\u9519\uff0cCopilot\u4f7f\u7528\u8fd8\u9700\u8981\u8d21\u732e\u81ea\u5df1\u7684\u4fe1\u7528\u5361\u8d26\u53f7\uff0c\u4e14\u53ea\u80fd\u8bd5\u7528\u4e00\u4e24\u4e2a\u6708\uff0c\u76f8\u6bd4\u4e4b\u4e0b\uff0cCodeium\u53cb\u597d\u7684\u591a\uff0c\u5b89\u88c5\u597dChrome\u63d2\u4ef6\uff0c\u7136\u540e\u5c31\u53ef\u4ee5\u5728\u6d4f\u89c8\u5668\u4e2d\u4f53\u9a8c\u4e86\u3002<\/li>\n<\/ol>\n<h4>\u5176\u4ed6\u4f18\u52bf\uff1f<\/h4>\n<p>\u867d\u7136\u5728\u4f7f\u7528\u4e0a\uff0ccodeium\u6709\u7740\u65e0\u53ef\u4e89\u8bae\u7684\u4f18\u52bf\uff0c\u4f46\u662f\u4ee3\u7801\u667a\u80fd\u63d0\u793a\u7684\u80fd\u529b\u5462\uff0c\u8fd9\u4e2a\u624d\u662f\u6838\u5fc3\u7ade\u4e89\u529b\u3002<\/p>\n<p>\u6211\u5728\u5b98\u7f51\u627e\u5230\u4e86\u4e00\u4e2a\u5bf9\u6bd4\u8868\u683c\uff0c\u5927\u5bb6\u53ef\u4ee5\u770b\u770b\uff1a<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/copilot-vs-codeium.png\" width=\"564\" height=\"371\" alt=\"\u5b98\u7f51\u5bf9\u6bd4\" class=\"alignnone size-medium\" \/><\/p>\n<p>\u597d\u5bb6\u4f19\uff0c\u770b\u6765Codeium\u81ea\u8ba4\u4e3a\u81ea\u5df1\u54ea\u54ea\u90fd\u6bd4Copilot\u5f3a\uff0c\u5439\u725b\u903c\u7684\u89c1\u591a\u4e86\uff0c\u8fd9\u4e48\u5439\u7684\u4eca\u5e74\u8fd8\u662f\u5934\u4e00\u6b21\u89c1\u3002<\/p>\n<p>\u6240\u4ee5\u6211\u51b3\u5b9a\u641e\u4e00\u4e2a\u6d4b\u8bc4\uff0cCSS\u548cJS\u90fd\u6d4b\u8bd5\uff0c\u5012\u8981\u770b\u770bCodeium\u662f\u4e0d\u662f\u5982\u5176\u6240\u8bf4\u7684\u8fd9\u822c\u751f\u731b\u3002<\/p>\n<h3>\u4e8c\u3001\u5199CSS\u80fd\u529b\u5bf9\u6bd4<\/h3>\n<p>\u4e4b\u524d\u4f7f\u7528\u8fc7<a href=\"https:\/\/www.zhangxinxu.com\/wordpress\/2023\/03\/chatgpt-write-css\/\">ChatGPT4\u6d4b\u8bd5\u8fc7\u5199CSS\u7684\u80fd\u529b<\/a>\uff0c\u4e3a\u4e86\u65b9\u4fbf\u5bf9\u6bd4\uff0c\u8fd9\u91cc\u4f7f\u7528\u4e00\u6837\u7684CSS\u6d4b\u8bd5\u9898\u76ee\u3002<\/p>\n<h4>\u98981\uff1a\u5582\u5230\u5634\u8fb9\u7684CSS<\/h4>\n<blockquote><p>\u5199\u4e00\u6bb5CSS\u4ee3\u7801\uff0c\u84dd\u8272\u6e10\u53d8\u80cc\u666f\uff0c\u5706\u89d2\u5927\u5c0f8px\uff0c\u9ad8\u5ea640px\uff0c\u5bbd\u5ea6120px<\/p><\/blockquote>\n<p>\u4e0b\u9762\u662f\u6d4b\u8bd5\u7ed3\u679c\uff1a<\/p>\n<style>.ok-section { background-color: #f5f5f5; border: 1px solid #e0e0e0; margin-block: 1em; padding: .5em 1em; display: grid; }.pk-favico{vertical-align:-2px;margin-right:1ch;}.ok-section > p {margin-top:.5em;}<\/style>\n<div class=\"ok-section\">\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-copilot.png\" width=\"16\" height=\"16\" class=\"pk-favico\">copilot ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test1-copilot.png\" width=\"444\" height=\"103\" alt=\"copilot\u6d4b\u8bd5\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-codeium.png\" width=\"16\" height=\"16\" class=\"pk-favico\">codeium \u2639\ufe0f<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test1-codeium.png\" width=\"363\" height=\"145\" alt=\"codeium\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zhangxinxu.com\/study\/202303\/chatgpt.svg\" width=\"16\" height=\"16\" class=\"pk-favico\">chatGPT4 ?<\/div>\n<pre>div {\r\n  background: linear-gradient(to bottom, #007bff, #0088cc);\r\n  border-radius: 8px;\r\n  height: 40px;\r\n  width: 120px;\r\n}<\/pre>\n<\/div>\n<p><strong>\u70b9\u8bc4\uff1a<\/strong>\u5982\u679cAI\u8db3\u591f\u806a\u660e\uff0c\u5e94\u8be5\u4f1a\u77e5\u9053\u8fd9\u91cc\u7684CSS\u4ee3\u7801\u662f\u7528\u5728\u6309\u94ae\u4e0a\u7684\uff0c\u6240\u4ee5\uff0c\u8fd9\u4e2a\u84dd\u8272\u6e10\u53d8\u80cc\u666f\u5e94\u8be5\u662f\u4e00\u4e2a\u5782\u76f4\u65b9\u5411\u7684\uff0c\u5747\u662f\u84dd\u8272\uff0c\u4f46\u989c\u8272\u6709\u6240\u533a\u5206\u7684\u6e10\u53d8\u3002<\/p>\n<p>\u4ece\u6700\u7ec8\u7684\u7ed3\u679c\u6765\u770b\uff0cchatGPT4\u7684\u7ed3\u679c\u6700\u68d2\uff0ccopilot\u867d\u7136\u4ee3\u7801\u662f\u6e10\u53d8\u4ee3\u7801\uff0c\u4f46\u662f\u5374\u662f\u6c34\u5e73\u65b9\u5411\u7684\u84dd\u767d\u6e10\u53d8\uff0c\u4e0d\u662f\u76ee\u6807\u4ee3\u7801\uff0c\u800ccodeium\u7684\u7ed3\u679c\u5c31\u66f4\u7cdf\u7cd5\uff0c\u76f4\u63a5\u5c31\u662f\u84dd\u8272\u7eaf\u8272\u80cc\u666f\uff0c\u8fde\u6e10\u53d8\u90fd\u4e0d\u662f\u3002<\/p>\n<p>\u6240\u4ee5\u8fd9\u4e00\u9898\u7684\u5bf9\u6bd4\u7ed3\u679c\u662f\uff1a<big>chatGPT4 > Copilot > Codeium<\/big><\/p>\n<h4>\u98982\uff1a\u5e38\u89c1\u5e03\u5c40\u6d4b\u8bd5<\/h4>\n<blockquote><p>\u5199\u4e00\u6bb5CSS\uff0cflex\u5e03\u5c40\uff0c\u6c34\u5e73\u65b9\u5411\u4e24\u7aef\u5bf9\u9f50\uff0c\u5782\u76f4\u65b9\u5411\u5c45\u4e2d\u5bf9\u9f50<\/p><\/blockquote>\n<p>\u4e0b\u9762\u662f\u6d4b\u8bd5\u7ed3\u679c\uff1a<\/p>\n<div class=\"ok-section\">\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-copilot.png\" width=\"16\" height=\"16\" class=\"pk-favico\">copilot ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test2-copilot.png\" width=\"412\" height=\"122\" alt=\"copilot\u6d4b\u8bd5\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-codeium.png\" width=\"16\" height=\"16\" class=\"pk-favico\">codeium ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test2-codeium.png\" width=\"389\" height=\"124\" alt=\"codeium\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zhangxinxu.com\/study\/202303\/chatgpt.svg\" width=\"16\" height=\"16\" class=\"pk-favico\">chatGPT4 ?<\/div>\n<pre>.container {\r\n  display: flex;\r\n  justify-content: space-between; \/*\u6c34\u5e73\u65b9\u5411\u4e24\u7aef\u5bf9\u9f50*\/\r\n  align-items: center; \/*\u5782\u76f4\u65b9\u5411\u5c45\u4e2d\u5bf9\u9f50*\/\r\n}<\/pre>\n<\/div>\n<p><strong>\u70b9\u8bc4\uff1a<\/strong>\u5728\u672c\u6d4b\u8bd5\u4e2d\uff0c\u867d\u7136\u5927\u5bb6\u90fd\u5b9e\u73b0\u4e86\u6307\u5b9a\u7684\u6548\u679c\uff0c\u4f46\u662f\u5728\u5b9e\u73b0\u7ec6\u8282\u4e0a\u8fd8\u662f\u6709\u533a\u522b\u7684\uff0c\u6bd4\u5982\uff0ccodeium\u5b9e\u73b0\u7684\u4ee3\u7801\u4e2d\uff0c<code>flex-direction:row<\/code>\u8fd9\u53e5CSS\u58f0\u660e\u662f\u591a\u4f59\u7684\uff0c\u65e0\u9700\u8bbe\u7f6e\uff0c\u56e0\u4e3aFlex\u5e03\u5c40\u9ed8\u8ba4\u5c31\u662f\u6c34\u5e73\u5448\u73b0\u7684\uff0c\u65e0\u9700\u753b\u86c7\u6dfb\u8db3\u518d\u6307\u5b9a\u4e00\u4e0b\u3002<\/p>\n<p>\u6240\u4ee5\u8fd9\u4e00\u9898\u7684\u5bf9\u6bd4\u7ed3\u679c\u662f\uff1a<big>chatGPT4 \u2248 Copilot > Codeium<\/big><\/p>\n<h4>\u98983\uff1a\u9ed1\u8272\u534a\u900f\u660e\u906e\u7f69\u5c42<\/h4>\n<blockquote><p>\u5168\u5c4f\u8986\u76d6\u7684\u9ed1\u8272\u534a\u900f\u660e\u6d6e\u5c42\uff0c\u9ed1\u8272\u900f\u660e\u5ea6\u662f75%<\/p><\/blockquote>\n<p>\u4e0b\u9762\u662f\u6d4b\u8bd5\u7ed3\u679c\uff1a<\/p>\n<div class=\"ok-section\">\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-copilot.png\" width=\"16\" height=\"16\" class=\"pk-favico\">copilot ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test3-copilot.png\" width=\"314\" height=\"188\" alt=\"copilot\u6d4b\u8bd5\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-codeium.png\" width=\"16\" height=\"16\" class=\"pk-favico\">codeium ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test3-codeium.png\" width=\"300\" height=\"156\" alt=\"codeium\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zhangxinxu.com\/study\/202303\/chatgpt.svg\" width=\"16\" height=\"16\" class=\"pk-favico\">chatGPT4 ?<\/div>\n<pre>.overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.75);\r\n}<\/pre>\n<\/div>\n<p><strong>\u70b9\u8bc4\uff1a<\/strong>copilot\u7684\u5b9e\u73b0\u5b9e\u5728\u662f\u592a\u8fc7\u65f6\u4e86\uff0c\u4f7f\u7528filter\u5c5e\u6027\u6a21\u62df\u900f\u660e\u5ea6\uff0c\u53ef\u662fIE6\u65f6\u4ee3\u7684\u4ea7\u7269\uff0c\u8fd9\u79cd\u5199\u6cd5\u65e9\u572810\u5e74\u524d\u5c31\u6dd8\u6c70\u4e86\uff0c\u6263\u5206\u3002<\/p>\n<p>\u6240\u4ee5\u8fd9\u4e00\u9898\u7684\u5bf9\u6bd4\u7ed3\u679c\u662f\uff1a<big>chatGPT4 \u2248 Codeium > Copilot<\/big>\uff0cCodeium\u6273\u56de\u4e00\u57ce\u3002<\/p>\n<h4>\u98984\uff1a\u5206\u9694\u7ebf<\/h4>\n<blockquote><p>\u5199\u4e00\u6bb5CSS\uff0c\u7070\u8272\u5206\u9694\u7ebf\uff0c\u9ad8\u5ea61\u50cf\u7d20<\/p><\/blockquote>\n<p>\u4e0b\u9762\u662f\u6d4b\u8bd5\u7ed3\u679c\uff1a<\/p>\n<div class=\"ok-section\">\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-copilot.png\" width=\"16\" height=\"16\" class=\"pk-favico\">copilot ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test4-copilot.png\" width=\"339\" height=\"119\" alt=\"copilot\u6d4b\u8bd5\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-codeium.png\" width=\"16\" height=\"16\" class=\"pk-favico\">codeium ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test4-codeium.png\" width=\"302\" height=\"99\" alt=\"codeium\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zhangxinxu.com\/study\/202303\/chatgpt.svg\" width=\"16\" height=\"16\" class=\"pk-favico\">chatGPT4 \u2639\ufe0f<\/div>\n<pre>.separator {\r\n  position: relative; \/* \u8bbe\u7f6e\u76f8\u5bf9\u5b9a\u4f4d *\/\r\n  height: 1px; \/* \u8bbe\u7f6e\u9ad8\u5ea6 *\/\r\n}\r\n.separator::before {\r\n  content: \u201c\u201d; \/* \u6dfb\u52a0\u4f2a\u5143\u7d20 *\/\r\n  position: absolute; \/* \u8bbe\u7f6e\u7edd\u5bf9\u5b9a\u4f4d *\/\r\n  top: 50%; \/* \u8bbe\u7f6e\u4f4d\u7f6e\u5c45\u4e2d *\/\r\n  left: 0; \/* \u4ece\u5de6\u4fa7\u5f00\u59cb *\/\r\n  width: 100%; \/* \u5bbd\u5ea6\u4e3a\u6574\u4e2a\u7236\u5143\u7d20 *\/\r\n  height: 1px; \/* \u9ad8\u5ea6\u540c\u7236\u5143\u7d20 *\/\r\n  background-color: #ccc; \/* \u7070\u8272\u80cc\u666f\u8272 *\/\r\n  transform: translateY(-50%); \/* \u4f7f\u7528transform\u5782\u76f4\u5c45\u4e2d *\/\r\n}<\/pre>\n<\/div>\n<p><strong>\u70b9\u8bc4\uff1a<\/strong>\u672c\u9898\u6709\u70b9\u6311\u6218\u6027\uff0c\u4e4b\u524d\u4e00\u76f4\u8868\u73b0\u4e0d\u9519\u7684chatGPT4\u8fd9\u56de\u7ffb\u8f66\u7ffb\u5230\u897f\u4f2f\u5229\u4e9a\u4e86\uff0c\u800ccopilot\u7684\u6700\u7ec8\u89c6\u89c9\u8868\u73b0\u4e5f\u662f\u4e00\u6761\u7ebf\uff0c\u4f46\u662f\u81ea\u4f5c\u4e3b\u5f20\u7684\u4e0a\u4e0b\u95f4\u8ddd\u5e76\u4e0d\u662f\u9700\u8981\u7684\u3002<\/p>\n<p>\u901a\u5e38\u5355\u62ce\u51fa\u4e00\u4e2a\u5206\u9694\u7ebf\u6837\u5f0f\uff0c\u4e00\u5b9a\u53ea\u662f\u5355\u72ec\u7684\u7ebf\uff0c\u4e0d\u4f1a\u5305\u542b\u5176\u4ed6\u6837\u5f0f\uff0c\u4ee5\u4fbf\u589e\u52a0\u590d\u7528\u6027\uff0c\u8fd9\u4e48\u770b\u6765\uff0cCodeium\u7684\u5b9e\u73b0\u662f\u6700\u597d\u7684\uff0c\u7b80\u6d01\u9ad8\u6548\uff0c\u5f53\u7136\uff0c\u8fd8\u6709\u66f4\u597d\u7684\u5b9e\u73b0\u65b9\u6cd5\u3002<\/p>\n<pre>.divider {\r\n    border-bottom: 1px solid #e5e5e5;\r\n}<\/pre>\n<p>\u6240\u4ee5\u8fd9\u4e00\u9898\u7684\u5bf9\u6bd4\u7ed3\u679c\u662f\uff1a<big>Codeium > Copilot > chatGPT4 <\/big>\uff0cCodeium\u518d\u6b21\u6273\u56de\u4e00\u57ce\u3002<\/p>\n<h4>\u98985\uff1aIMG\u7684\u5c3a\u5bf8\u548c\u586b\u5145<\/h4>\n<blockquote><p>\u5199\u4e00\u6bb5\u7ed9\u56fe\u7247\u5143\u7d20\u6dfb\u52a0\u6837\u5f0f\u7684CSS\uff0c\u56fe\u7247\u5bbd\u9ad8\u90fd\u662f10rem\u5927\u5c0f\uff0c\u56fe\u50cf\u5185\u5bb9\u586b\u5145\u65b9\u5f0f\u662fcover<\/p><\/blockquote>\n<p>\u4e0b\u9762\u662f\u6d4b\u8bd5\u7ed3\u679c\uff1a<\/p>\n<div class=\"ok-section\">\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-copilot.png\" width=\"16\" height=\"16\" class=\"pk-favico\">copilot ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test5-copilot.png\" width=\"316\" height=\"116\" alt=\"copilot\u6d4b\u8bd5\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-codeium.png\" width=\"16\" height=\"16\" class=\"pk-favico\">codeium \u2639\ufe0f<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test5-codeium.png\" width=\"395\" height=\"150\" alt=\"codeium\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zhangxinxu.com\/study\/202303\/chatgpt.svg\" width=\"16\" height=\"16\" class=\"pk-favico\">chatGPT4 ?<\/div>\n<pre>img {\r\n  width: 10rem;\r\n  height: 10rem;\r\n  object-fit: cover;\r\n}<\/pre>\n<\/div>\n<p><strong>\u70b9\u8bc4\uff1a<\/strong>\u5bf9\u4e8e\u5c3a\u5bf8\u7684\u8bbe\u7f6e\uff0c\u5927\u5bb6\u90fd\u6ca1\u95ee\u9898\uff0c\u4f46\u662f\u56fe\u50cf\u7684\u586b\u5145\u65b9\u5f0f\u8fd9\u91cc\uff0cCodeium\u7684\u8868\u73b0\u4e0d\u5c3d\u5982\u4eba\u610f\uff0c\u5176\u5b9e\u73b0\u6210\u4e86\u80cc\u666f\u56fe\u7684cover\u586b\u5145\uff0c\u663e\u7136\u8fd9\u91cc\u7684\u7406\u89e3\u6709\u95ee\u9898\u3002<\/p>\n<p>\u6240\u4ee5\u8fd9\u4e00\u9898\u7684\u5bf9\u6bd4\u7ed3\u679c\u662f\uff1a<big>chatGPT4 = Copilot > Codeium<\/big>\uff0cCodeium\u8fd9\u6b21\u840e\u4e86\u3002<\/p>\n<h4>\u98986\uff1aCSS\u65b0\u7279\u6027\u7684\u8bc6\u522b<\/h4>\n<blockquote><p>\u5199\u4e00\u6bb5\u4efb\u610f\u7684@container\u89c4\u5219\u67e5\u8be2CSS\u8bed\u53e5<\/p><\/blockquote>\n<p>\u4e0b\u9762\u662f\u6d4b\u8bd5\u7ed3\u679c\uff1a<\/p>\n<div class=\"ok-section\">\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-copilot.png\" width=\"16\" height=\"16\" class=\"pk-favico\">copilot ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test6-copilot.png\" width=\"365\" height=\"123\" alt=\"copilot\u6d4b\u8bd5\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-codeium.png\" width=\"16\" height=\"16\" class=\"pk-favico\">codeium \u2639\ufe0f<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/css-test6-codeium.png\" width=\"404\" height=\"124\" alt=\"codeium\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.zhangxinxu.com\/study\/202303\/chatgpt.svg\" width=\"16\" height=\"16\" class=\"pk-favico\">chatGPT4 ?<\/div>\n<pre>i@media (min-width: 768px) {\r\n  .container {\r\n    max-width: 750px;\r\n  }\r\n}<\/pre>\n<\/div>\n<p><strong>\u70b9\u8bc4\uff1a<\/strong>\u5728\u8fd9\u4e00\u9898\u4e2d\uff0cCodeium\u7684\u8868\u73b0\u5b9b\u82e5\u667a\u969c\uff0c\u4f7f\u7528\u4e86\u4e00\u4e2a\u5b8c\u5168\u9519\u8bef\u7684CSS\u8bed\u6cd5\u3002<\/p>\n<p>\u6240\u4ee5\u8fd9\u4e00\u9898\u7684\u5bf9\u6bd4\u7ed3\u679c\u662f\uff1a<big> Copilot > chatGPT4 > Codeium<\/big>\u3002<\/p>\n<h4>\u5c0f\u7ed3<\/h4>\n<p>\u5c31\u7279\u5b9aCSS\u7684\u5b9e\u73b0\u6765\u770b\uff0cGithub Copilot\u8981\u4f18\u4e8eCodeium\u3002<\/p>\n<h3>\u4e09\u3001\u5199JS\u80fd\u529b\u5bf9\u6bd4<\/h3>\n<p>\u9009\u53d6\u4e86\u51e0\u4e2a\u6bd4\u8f83\u7b80\u5355\u4e14\u5e38\u89c1\u7684JS\u5904\u7406\u573a\u666f\u505a\u6d4b\u8bd5\u3002<\/p>\n<h4>\u98981\uff1ahex2rgb\u5b9e\u73b0<\/h4>\n<blockquote><p>\u5199\u4e00\u4e2a\u540d\u4e3a hex2rgb \u7684\u65b9\u6cd5\uff0c\u5b9e\u73b0\u5c06 16 \u8fdb\u5236\u989c\u8272\u8f6c\u6362\u4e3a rgb \u989c\u8272<\/p><\/blockquote>\n<p>\u4e0b\u9762\u662f\u6d4b\u8bd5\u7ed3\u679c\uff1a<\/p>\n<div class=\"ok-section\">\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-copilot.png\" width=\"16\" height=\"16\" class=\"pk-favico\">copilot ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/js-test1-copilot.png\" width=\"425\" height=\"252\" alt=\"copilot\u6d4b\u8bd5\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-codeium.png\" width=\"16\" height=\"16\" class=\"pk-favico\">codeium ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/js-test1-codeium.png\" width=\"456\" height=\"251\" alt=\"codeium\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<\/div>\n<p><strong>\u70b9\u8bc4\uff1a<\/strong>\u5728\u8fd9\u4e00\u9898\u4e2d\uff0cCopilot\u53ef\u4ee5\u81ea\u52a8\u6ce8\u91ca\u8865\u5168\uff0c\u4e14\u51fd\u6570\u4e00\u6b21\u6027\u76f4\u51fa\uff0c\u800cCodeium\u6240\u91c7\u7528\u7684\u5b9e\u73b0\u65b9\u6cd5\u7406\u89e3\u6210\u672c\u9ad8\uff0c\u5e76\u4e14\u8fd4\u56de\u7684\u662f\u5bf9\u8c61\uff0c\u5728\u5b9e\u9645\u5f00\u53d1\u8005\uff0c\u5927\u591a\u6570\u751f\u6d3b\u9700\u8981\u8fd4\u56de\u7684\u662f\u5b57\u7b26\u4e32\u3002<\/p>\n<p>\u6240\u4ee5\u8fd9\u4e00\u9898\u7684\u5bf9\u6bd4\u7ed3\u679c\u662f\uff1a<big>Copilot > Codeium<\/big><\/p>\n<h4>\u98982\uff1a\u9a7c\u5cf0\u547d\u540d<\/h4>\n<blockquote><p>\u5199\u4e00\u4e2a\u540d\u4e3a toCamel \u7684\u51fd\u6570\uff0c\u5b83\u63a5\u53d7\u4e00\u4e2a\u5b57\u7b26\u4e32\u4f5c\u4e3a\u53c2\u6570\uff0c\u8fd4\u56de\u4e00\u4e2a\u9a7c\u5cf0\u5f0f\u7684\u5b57\u7b26\u4e32<\/p><\/blockquote>\n<p>\u4e0b\u9762\u662f\u6d4b\u8bd5\u7ed3\u679c\uff1a<\/p>\n<div class=\"ok-section\">\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-copilot.png\" width=\"16\" height=\"16\" class=\"pk-favico\">copilot ?<\/div>\n<p>\u5728\u8fd9\u4e2a\u6d4b\u8bd5\u4e2d\uff0c\u9047\u5230\u4e86copilot\u65e0\u9650\u63d0\u793a\u7684\u95ee\u9898\uff1a<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/js-test2-copilot1.png\" width=\"406\" height=\"289\" alt=\"copilot\u65e0\u9650\u6ce8\u91ca\u793a\u610f\" class=\"alignnone size-medium\" \/><\/p>\n<p>\u6ca1\u529e\u6cd5\uff0c\u624b\u52a8\u4e66\u5199 function \u8865\u5168\u5f97\u5230\u6700\u7ec8\u7ed3\u679c\u3002<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/js-test2-copilot.png\" width=\"405\" height=\"146\" alt=\"copilot\u6d4b\u8bd5\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-codeium.png\" width=\"16\" height=\"16\" class=\"pk-favico\">codeium \u2639\ufe0f<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/js-test2-codeium.png\" width=\"400\" height=\"157\" alt=\"codeium\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<\/div>\n<p><strong>\u70b9\u8bc4\uff1a<\/strong>\u867d\u7136copilot\u6709\u6ce8\u91ca\u65e0\u9650\u63d0\u793a\u4ee5\u53ca\u6392\u7248\u7ec6\u8282\u4e0d\u4f18\u96c5\u7684\u95ee\u9898\uff0c\u4f46\u81f3\u5c11\u4ee3\u7801\u529f\u80fd\u770b\u8d77\u6765\u662f\u7b26\u5408\u9898\u610f\u7684\uff0c\u4f46\u662fcodeium\u5b9e\u73b0\u7684\u662f\u4e2a\u4ec0\u4e48\u9b3c\u4e1c\u897f\u554a\uff0c\u8fd9\u90a3\u662f\u53d8\u6210\u9a7c\u5cf0\u547d\u540d\uff0c\u770b\u8d77\u6765\u662f\u6536\u96c6\u5927\u5199\u5b57\u6bcd\u5e76\u5c0f\u5199\u8fd4\u56de\uff0c\u6015\u662f\u5bf9\u201c\u9a7c\u5cf0\u201d\u7684\u7406\u89e3\u6709\u6240\u8bef\u89e3\u3002<\/p>\n<p>\u6240\u4ee5\u8fd9\u4e00\u9898\uff1a<big>Copilot > Codeium<\/big><\/p>\n<h4>\u98983\uff1a\u5b57\u7b26\u4e32\u539f\u578b\u6269\u5c55<\/h4>\n<blockquote><p>\u5bf9\u5b57\u7b26\u4e32\u6269\u5c55\u540d\u4e3a filter \u7684\u65b9\u6cd5\uff0c\u63a5\u53d7 function \u7c7b\u578b\u7684\u53c2\u6570\uff0c\u8fd4\u56de\u503c\u662f true \u5219\u4fdd\u7559\uff0cfalse\u5219\u8fc7\u6ee4<\/p><\/blockquote>\n<p>\u4e0b\u9762\u662f\u6d4b\u8bd5\u7ed3\u679c\uff1a<\/p>\n<div class=\"ok-section\">\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-copilot.png\" width=\"16\" height=\"16\" class=\"pk-favico\">copilot \u2639\ufe0f<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/js-test3-copilot.png\" width=\"391\" height=\"133\" alt=\"copilot\u6d4b\u8bd5\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-codeium.png\" width=\"16\" height=\"16\" class=\"pk-favico\">codeium ?<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/js-test3-codeium.png\" width=\"386\" height=\"186\" alt=\"codeium\u7ed3\u679c\" class=\"alignnone size-medium\" \/><\/p>\n<\/div>\n<p><strong>\u70b9\u8bc4\uff1a<\/strong>\u8fd9\u4e00\u6b21copilot\u7ffb\u8f66\u4e86\uff0c\u54ea\u6015\u6211\u540e\u6765\u660e\u786e\u201c\u63a5\u53d7 function \u7c7b\u578b\u7684\u53c2\u6570\u201d\uff0c\u5176\u8fd8\u662f\u9009\u62e9\u4e86\u5b57\u7b26\u4e32\u53c2\u6570\u8fdb\u884c\u8fc7\u6ee4\u5904\u7406\uff0c\u5b8c\u5168\u4e0d\u662f\u60f3\u8981\u7684\u7ed3\u679c\uff0c\u53cd\u800c\u8fd9\u4e00\u6b21\uff0ccodeium\u7684\u8868\u73b0\u975e\u5e38\u7684\u68d2??\u3002<\/p>\n<p>\u6240\u4ee5\u8fd9\u4e00\u9898\u7684\u5bf9\u6bd4\u7ed3\u679c\u662f\uff1a<big>Codeium > Copilot<\/big><\/p>\n<h4>\u98984\uff1a\u5b57\u7b26\u4e32\u4e2d\u57df\u540d\u83b7\u53d6<\/h4>\n<blockquote><p>\u51fd\u6570 getDomain(url) \u7528\u4e8e\u83b7\u53d6url\u5b57\u7b26\u4e32\u5bf9\u5e94\u7684\u57df\u540d<\/p><\/blockquote>\n<p>\u4e0b\u9762\u662f\u6d4b\u8bd5\u7ed3\u679c\uff1a<\/p>\n<div class=\"ok-section\">\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-copilot.png\" width=\"16\" height=\"16\" class=\"pk-favico\">copilot ?<\/div>\n<pre>\/\/ \u51fd\u6570 getDomain(url) \u7528\u4e8e\u83b7\u53d6url\u5b57\u7b26\u4e32\u5bf9\u5e94\u7684\u57df\u540d\r\nfunction getDomain(url) {\r\n  \/\/ \u8bf7\u5728\u6b64\u5904\u5b8c\u5584\u4ee3\u7801\r\n  var domain = url.match(\/(http:\\\/\\\/|https:\\\/\\\/)([^\\\/]+)\/)[2]; \r\n  return domain;\r\n}<\/pre>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-codeium.png\" width=\"16\" height=\"16\" class=\"pk-favico\">codeium ?<\/div>\n<pre>\/\/ \u51fd\u6570 getDomain(url) \u7528\u4e8e\u83b7\u53d6url\u5b57\u7b26\u4e32\u5bf9\u5e94\u7684\u57df\u540d\r\nfunction getDomain(url) {\r\n  return url.split(':\/\/')[1].split('\/')[0];\r\n}<\/pre>\n<\/div>\n<p><strong>\u70b9\u8bc4\uff1a<\/strong>\u56de\u7b54\u90fd\u4e0d\u7b97\u5b8c\u7f8e\uff0cCopilot\u7684\u5b9e\u73b0\u6ca1\u6709\u8003\u8651\u975ehttp\u534f\u8bae\uff0c\u8fd4\u56de\u503c\u4e5f\u53ef\u80fd\u662f null\uff0cCodeium\u7684\u5b9e\u73b0\u6bd4\u8f83\u597d\u7406\u89e3\uff0c\u4f46\u662f\u5982\u679curl\u5b57\u7b26\u4e32\u4e0d\u5305\u542b&#8217;:\/\/&#8217;\u8fd9\u90e8\u5206\u5b57\u7b26\u4e32\uff0c\u8bed\u53e5\u5c31\u4f1a\u62a5\u9519\u3002<\/p>\n<p>\u7efc\u5408\u6765\u770b\uff0cCodeium\u5fae\u80dc\u3002<\/p>\n<p>\u5176\u5b9e\uff0c\u8fd9\u4e00\u9898\u6211\u60f3\u8003\u5bdf\u7684\u662f\u6d4f\u89c8\u5668\u80fd\u5426\u4f7f\u7528\u6d4f\u89c8\u5668\u5185\u7f6e\u7684API\u5feb\u901f\u5b9e\u73b0\u9700\u6c42\uff0c\u770b\u6765\uff0c\u6ca1\u6709\u90a3\u4e48\u667a\u80fd\uff0c\u6240\u4ee5\uff0c\u6211\u5c31\u5728\u6ce8\u91ca\u4e2d\u589e\u52a0\u4e86\u660e\u786e\u7684\u63d0\u9192\u3002<\/p>\n<blockquote><p>\u51fd\u6570 getDomain(url) \u4f7f\u7528 URL API \u83b7\u53d6\u53c2\u6570\u5bf9\u5e94\u7684\u57df\u540d<\/p><\/blockquote>\n<p>\u7ed3\u679c\u662f\uff1a<\/p>\n<div class=\"ok-section\">\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-copilot.png\" width=\"16\" height=\"16\" class=\"pk-favico\">copilot ??<\/div>\n<pre>function getDomain(url) {\r\n  return new URL(url).hostname;\r\n}<\/pre>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/favico-codeium.png\" width=\"16\" height=\"16\" class=\"pk-favico\">codeium ?<\/div>\n<pre>function getDomain(url) {\r\n  var a = document.createElement('a);\r\n  a.href = url;\r\n  return a.hostname;\r\n}<\/pre>\n<\/div>\n<p><strong>\u70b9\u8bc4\uff1a<\/strong>codeium\u7684\u65b9\u6cd5\u867d\u5999\uff0c\u4f46\u662f\u9898\u76ee\u7406\u89e3\u6709\u8bef\uff0c\u53ef\u60dc\u4e86\u3002<\/p>\n<p>\u5bf9\u6bd4\u7ed3\u679c\u662f\uff1a<big>Copilot > Codeium<\/big><\/p>\n<h4>\u98985\uff1afunction\u8865\u5168\u6d4b\u8bd5<\/h4>\n<p>\u4e0a\u9762\u7684\u6d4b\u8bd5\u9898\u5168\u90e8\u90fd\u662f\u57fa\u4e8e\u6ce8\u91ca\u7684\u8865\u5168\uff0c\u8fd9\u91cc\u6d4b\u8bd5\u57fa\u4e8efunction\u7684\u8865\u5168\uff0c\u4e5f\u5c31\u662f\u5199\u51fa\u51fd\u6570\u540d\uff0c\u663e\u793a\u51fd\u6570\u4e3b\u4f53\u3002<\/p>\n<p>\u76f4\u63a5\u770b\u56fe\uff0c\u6211\u7528\u4e86\u4e24\u4e2a\u6d4b\u8bd5\uff0c\u7ed3\u679c\u4e0d\u5206\u4f2f\u4ef2\u3002<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/function-fill.png\" width=\"498\" height=\"200\" alt=\"\u81ea\u52a8\u8865\u5168\u5c3a\u5bf8\u793a\u610f\" class=\"alignnone size-medium\" \/><\/p>\n<p>\u6240\u4ee5\uff0c\u59d1\u4e14\u8ba4\u4e3a\uff0c\u8fd9\u4e00\u9879\u4e0a<big>Copilot = Codeium<\/big>\u3002<\/p>\n<h4>\u5c0f\u7ed3<\/h4>\n<p>\u5c31\u8fd9\u51e0\u9053JS\u9898\u76ee\u7684\u5b9e\u73b0\u6765\u770b\uff0cCodeium\u7684\u8868\u73b0\u4f9d\u7136\u5fae\u5fae\u900a\u4e8eGithub Copilot\u3002<\/p>\n<h3>\u56db\u3001\u6700\u540e\u7684\u603b\u7ed3\u4e0e\u5c55\u671b<\/h3>\n<p>\u4ee5\u4e0a\u7684\u6d4b\u8bd5\u7ed3\u679c\u5927\u5bb6\u4e0d\u5fc5\u8f83\u771f\uff0c\u56e0\u4e3a\u6d4b\u8bd5\u7684\u9898\u76ee\u6570\u91cf\u5b9e\u5728\u662f\u6709\u9650\uff0c\u8bf4\u660e\u4e0d\u4e86\u4ec0\u4e48\uff0c\u5076\u7136\u6027\u592a\u5927\u3002<\/p>\n<p>\u6700\u540e\u518d\u603b\u7ed3\u4e0b\u5427\u3002<\/p>\n<ul>\n<li>Codeium\u548cCopilot\u5404\u6709\u4f18\u52a3\uff0c\u90fd\u662f\u4e0d\u9519\u7684\u5de5\u5177<\/li>\n<li>Codeium\u6bd4\u9884\u60f3\u7684\u8868\u73b0\u8981\u597d\uff0c\u73b0\u5728\u770b\u6765\uff0c\u4e5f\u4e0d\u5c3d\u662f\u5439\u725b<\/li>\n<\/ul>\n<h4>\u5c55\u671b<\/h4>\n<p>\u6211\u66f4\u770b\u597dGithub Copilot\u7684\u672a\u6765\uff0c\u56e0\u4e3a\u6709\u66f4\u4e30\u5bcc\u7684\u6570\u636e\u91c7\u96c6\uff0c\u66f4\u52a0\u7684\u56fd\u9645\u5316\u3002<\/p>\n<p>\u4f8b\u5982\uff0c\u4e0a\u9762\u6709\u4e0d\u5c11\u9898\u76eeCopilot\u7684\u8868\u73b0\u66f4\u597d\uff0c\u6211\u6000\u7591\u662f\u5176\u5bf9\u4e2d\u6587\u7684\u7406\u89e3\u66f4\u80dc\u4e00\u7b79\uff0c\u800c\u4e0d\u662f\u8bad\u7ec3\u6a21\u578b\u672c\u8eab\u7684\u4f18\u52a3\u3002<\/p>\n<h4>\u5176\u4ed6\u5de5\u5177<\/h4>\n<p>\u8fd8\u6709\u4e9b\u7c7b\u4f3c\u7684AI\u4ee3\u7801\u8f85\u52a9\u5de5\u5177\uff0c\u7bc7\u5e45\u539f\u56e0\uff0c\u6211\u5c31\u4e0d\u4e00\u4e00\u4ecb\u7ecd\u4e86\uff0c\u611f\u5174\u8da3\u7684\u70b9\u51fb\u5bf9\u5e94\u7684\u56fe\u7247\u53ef\u8bbf\u95ee\u4e86\u89e3\u3002<\/p>\n<p><a href=\"https:\/\/www.tabnine.com\/\" rel=\"noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/tabnine.png\" width=\"142\" height=\"30\" alt=\"tabnine logo\" class=\"alignnone size-medium\" \/><\/a> <a href=\"https:\/\/replit.com\/\" rel=\"noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202304\/replit.png\" width=\"130\" height=\"33\" alt=\"replit logo\" class=\"alignnone size-medium\" \/><\/a><\/p>\n<h4>\u5bc4\u8bed<\/h4>\n<p>\u6280\u672f\u4eba\u5458\u5230\u4e86\u4e00\u5b9a\u9636\u6bb5\u4e4b\u540e\uff0c\u4f1a\u9010\u6b65\u5f62\u6210\u81ea\u5df1\u7684\u6280\u672f\u4e16\u754c\u89c2\uff0c\u4f1a\u5929\u7136\u6392\u65a5\u53ef\u80fd\u4f1a\u7834\u574f\u8fd9\u79cd\u72b6\u6001\u7684\u65b0\u6280\u672f\u65b0\u4e8b\u7269\uff0c\u8fd9\u662f\u4eba\u4e4b\u5e38\u60c5\uff0c\u4f46\u5374\u4e5f\u662f\u4e00\u79cd\u684e\u688f\u3002<\/p>\n<p>\u5728\u6280\u672f\u8fd9\u6761\u8def\u4e0a\uff0c\u4e00\u5b9a\u8981\u865a\u6000\u82e5\u8c37\uff0c\u5b66\u4f1a\u62e5\u62b1\u53d8\u5316\u3002<\/p>\n<p>\u8fd9\u6bb5\u65f6\u95f4\u6211\u8bd5\u7528\u5404\u79cdAI\u4ee3\u7801\u8f85\u52a9\u5de5\u5177\u4f9d\u8d56\uff0c\u53d1\u73b0\u786e\u5b9e\u5f88\u6709\u5e2e\u52a9\uff0c\u7279\u522b\u662f\u5e2e\u52a9\u5199\u6ce8\u91ca\uff0c\u8fd9\u5b9e\u5728\u662f\u592a\u8212\u5fc3\u4e86\u3002<\/p>\n<p>\u6240\u4ee5\uff0c\u5927\u5bb6\u8fd8\u6ca1\u6309\u7167\u8fd9\u7c7b\u5de5\u5177\u7684\uff0c\u90fd\u5b89\u88c5\u8d77\u6765\uff0c\u6709\u6761\u4ef6\u4f7f\u7528Github Copilot\u5c31\u4f7f\u7528Github Copilot\uff0c\u6ca1\u6761\u4ef6\u7684\u5c31\u4f7f\u7528\u514d\u8d39\u7684 codeium\u3002<\/p>\n<h4>\u6c42\u8f6c\u53d1<\/h4>\n<p>\u5199\u4e86\u8fd9\u4e48\u591a\u5b57\uff0c\u6574\u7406\u4e86\u8fd9\u4e48\u9017\u5185\u5bb9\uff0c<button onclick=\"shareWeixin.click()\" class=\"entry-share-btn\">\u5206\u4eab<\/button>\u4e0b\u4e0d\u8fc7\u5206\u5427\u3002<\/p>\n<p>\u5982\u679c\u6709\u70b9\u8d5e\uff0c\u4e5f\u5e0c\u671b\u53ef\u4ee5\u5e2e\u5fd9\u6309\u4e0b\u5c0f\u7ea2\u5fc3\uff0c\u8c22\u8c22~<\/p>\n<p>\u2764\ufe0f ? ? ? ? ?<\/p>\n<p>\u672c\u6587\u4e3a\u539f\u521b\u6587\u7ae0\uff0c\u6b22\u8fce\u5206\u4eab\uff0c\u52ff\u5168\u6587\u8f6c\u8f7d\uff0c\u5982\u679c\u5b9e\u5728\u559c\u6b22\uff0c\u53ef\u6536\u85cf\uff0c\u6c38\u4e0d\u8fc7\u671f\uff0c\u4e14\u4f1a\u53ca\u65f6\u66f4\u65b0\u77e5\u8bc6\u70b9\u53ca\u4fee\u6b63\u9519\u8bef\uff0c\u9605\u8bfb\u4f53\u9a8c\u4e5f\u66f4\u597d\u3002<br \/>\n\u672c\u6587\u5730\u5740\uff1a<a href=\"https:\/\/www.zhangxinxu.com\/wordpress\/?p=10813\">https:\/\/www.zhangxinxu.com\/wordpress\/?p=10813<\/a><\/p>\n<p>\uff08\u672c\u7bc7\u5b8c\uff09<\/p>\n","protected":false},"excerpt":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/image.zhangxinxu.com\/image\/blog\/202303\/chatgpt-cover.png\" width=\"160\" height=\"98\" alt=\"chatGpt\u5c01\u9762\u56fe\" class=\"alignright size-medium\" loading=\"lazy\" style=\"filter:invert(1) hue-rotate(240deg)\" \/><\/p>\n<p>Codeium\u5b98\u65b9\u8bf4\u81ea\u5df1\u54ea\u54ea\u90fd\u6bd4GitHub Copilot\u5f3a\uff0c\u6211\u5012\u8981\u770b\u770b\uff0cCodeium\u7a76\u7adf\u662f\u5439\u725b\uff0c\u8fd8\u662f\u771f\u7684\u6df1\u85cf\u4e0d\u9732\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[215,1911,1915,1914,1912,787,466,209],"_links":{"self":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts\/10813"}],"collection":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/comments?post=10813"}],"version-history":[{"count":0,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts\/10813\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/media?parent=10813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/categories?post=10813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/tags?post=10813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}