');display:flex;inset:0;justify-content:center;position:absolute}.copy-to-clipboard-button[data-copy-state=copy-success]:before{content:url('data:image/svg+xml;utf8,')}.kg-bookmark-card figcaption,.kg-gallery-card figcaption,.kg-image-card figcaption,.kg-video-card figcaption{padding-top:2px;text-align:center;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.kg-bookmark-card figcaption:is(.dark *),.kg-gallery-card figcaption:is(.dark *),.kg-image-card figcaption:is(.dark *),.kg-video-card figcaption:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.kg-code-card figcaption{padding-top:2px;text-align:center;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.kg-code-card figcaption:is(.dark *){--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.toc{overflow-y:auto}.toc>.toc-list{overflow:hidden;position:relative}.toc>.toc-list li{list-style:none}.js-toc{overflow-y:hidden}.toc-list{margin:0;padding-left:1.5rem}a.toc-link{color:currentColor;height:100%}.is-collapsible{max-height:1000px;overflow:hidden;transition:all .3s ease-in-out}.is-collapsed{max-height:0}.is-position-fixed{position:fixed!important;top:0}.is-active-link{font-weight:700}.toc-link:before{background-color:#eee;content:" ";display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}.is-active-link:before{background-color:#54bc4b}.toc-list-item{font-size:.95rem;margin-bottom:.5rem}.toc-link{border-radius:.25rem;color:#333;display:block;padding:.25rem .5rem;text-decoration:none;transition:color .2s ease}.toc-link:hover{background-color:#f3f4f6;color:#1e40af}.toc-link.is-active-link{background-color:#e0e7ff;color:#1e40af;font-weight:600}.toc-link.node-name--H2{font-size:1rem}.content img[width="20"],.content img[width="25"]{display:inline;margin-left:.25rem;margin-right:.25rem}.content table td[colspan="2"]{text-align:center}.content table td img{margin:auto}.first-letter\:uppercase:first-letter{text-transform:uppercase}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.hover\:border-secondary-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-primary-100:hover{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.hover\:bg-primary-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\:bg-primary-50:hover{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.hover\:bg-primary-50\/80:hover{background-color:rgba(240,249,255,.8)}.hover\:bg-primary-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-secondary-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:from-blue-600:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-blue-700:hover{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.hover\:text-accent-600:hover{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-green-600:hover{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.hover\:text-primary-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-primary-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-secondary-50:hover{--tw-text-opacity:1;color:rgb(248 250 252/var(--tw-text-opacity,1))}.hover\:text-secondary-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-primary-50:focus{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.focus\:text-primary-600:focus{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:visible,.group\/level2:hover .group-hover\/level2\:visible{visibility:visible}.group:hover .group-hover\:block{display:block}.group\/item:hover .group-hover\/item\:translate-x-1{--tw-translate-x:0.25rem}.group\/item:hover .group-hover\/item\:translate-x-1,.group\/level2:hover .group-hover\/level2\:translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/level2:hover .group-hover\/level2\:translate-x-0{--tw-translate-x:0px}.group\/level2:hover .group-hover\/level2\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:-translate-x-1,.group\/level2:hover .group-hover\/level2\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-x-1{--tw-translate-x:-0.25rem}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:rotate-180,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-180{--tw-rotate:180deg}.group\/bookmark:hover .group-hover\/bookmark\:fill-current,.group\/comment:hover .group-hover\/comment\:fill-current,.group\/like:hover .group-hover\/like\:fill-current{fill:currentColor}.group:hover .group-hover\:fill-black\/75{fill:rgba(0,0,0,.75)}.group:hover .group-hover\:fill-current{fill:currentColor}.group:hover .group-hover\:text-primary-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100,.group\/level2:hover .group-hover\/level2\:opacity-100{opacity:1}.dark\:border-primary-400:is(.dark *){--tw-border-opacity:1;border-color:rgb(56 189 248/var(--tw-border-opacity,1))}.dark\:border-secondary-200:is(.dark *){--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.dark\:border-secondary-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.dark\:border-secondary-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:bg-blue-900\/20:is(.dark *){background-color:rgba(30,58,138,.2)}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-800\/95:is(.dark *){background-color:rgba(31,41,55,.95)}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-gray-900\/80:is(.dark *){background-color:rgba(17,24,39,.8)}.dark\:bg-primary-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:bg-secondary-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:bg-secondary-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-secondary-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:bg-slate-400:is(.dark *){--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.dark\:fill-white\/60:is(.dark *){fill:hsla(0,0%,100%,.6)}.dark\:fill-white\/70:is(.dark *){fill:hsla(0,0%,100%,.7)}.dark\:stroke-white\/60:is(.dark *){stroke:hsla(0,0%,100%,.6)}.dark\:text-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\]:is(.dark *){color:hsla(0,0%,100%,.5)}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-primary-400:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.dark\:text-secondary-100:is(.dark *){--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-secondary-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-secondary-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-secondary-600:is(.dark *){--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:shadow-gray-800\/50:is(.dark *){--tw-shadow-color:rgba(31,41,55,.5);--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-gray-900\/50:is(.dark *){--tw-shadow-color:rgba(17,24,39,.5);--tw-shadow:var(--tw-shadow-colored)}.dark\:ring-gray-700:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity,1))}.dark\:ring-secondary-600:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(71 85 105/var(--tw-ring-opacity,1))}.dark\:hover\:border-secondary-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700\/80:hover:is(.dark *){background-color:rgba(55,65,81,.8)}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:hover\:bg-primary-400:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity,1))}.dark\:hover\:bg-secondary-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:hover\:text-accent-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:hover\:text-green-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:hover\:text-primary-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.dark\:hover\:text-primary-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.dark\:hover\:text-secondary-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:hover\:text-secondary-50:hover:is(.dark *){--tw-text-opacity:1;color:rgb(248 250 252/var(--tw-text-opacity,1))}.dark\:focus\:bg-gray-700:focus:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:focus\:bg-gray-800:focus:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:focus\:text-primary-400:focus:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.dark\:focus\:ring-offset-gray-800:focus:is(.dark *){--tw-ring-offset-color:#1f2937}.dark\:focus\:ring-offset-gray-900:focus:is(.dark *){--tw-ring-offset-color:#111827}.dark\:focus\:ring-offset-secondary-800:focus:is(.dark *){--tw-ring-offset-color:#1e293b}.dark\:focus\:ring-offset-secondary-900:focus:is(.dark *){--tw-ring-offset-color:#0f172a}.group:hover .dark\:group-hover\:fill-white\/75:is(.dark *){fill:hsla(0,0%,100%,.75)}.group:hover .dark\:group-hover\:text-primary-400:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:mx-1{margin-left:.25rem;margin-right:.25rem}.sm\:mx-2{margin-left:.5rem;margin-right:.5rem}.sm\:inline{display:inline}.sm\:max-w-screen-sm{max-width:640px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-8{padding:2rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:h-14{height:3.5rem}.md\:h-96{height:24rem}.md\:w-14{width:3.5rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.lg\:invisible{visibility:hidden}.lg\:absolute{position:absolute}.lg\:left-0{left:0}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:row-span-3{grid-row:span 3/span 3}.lg\:row-span-4{grid-row:span 4/span 4}.lg\:row-span-6{grid-row:span 6/span 6}.lg\:mt-2{margin-top:.5rem}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[496px\]{height:496px}.lg\:w-48{width:12rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-2{gap:.5rem}.lg\:rounded-lg{border-radius:.5rem}.lg\:p-6{padding:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-2{padding-bottom:.5rem;padding-top:.5rem}.lg\:pl-0{padding-left:0}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:opacity-0{opacity:0}.lg\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lg\:ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lg\:ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity,1))}.lg\:ring-opacity-5{--tw-ring-opacity:0.05}.group:focus-within .lg\:group-focus-within\:visible{visibility:visible}.group:hover .lg\:group-hover\:visible{visibility:visible}.group:hover .lg\:group-hover\:opacity-100{opacity:1}.dark\:lg\:shadow-gray-900\/50:is(.dark *){--tw-shadow-color:rgba(17,24,39,.5);--tw-shadow:var(--tw-shadow-colored)}.dark\:lg\:ring-gray-700:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity,1))}}.gh-post-upgrade-cta{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;text-align:center;width:100%}.gh-post-upgrade-cta-content{border-radius:8px;padding:40px 4vw}.gh-post-upgrade-cta h2{color:#fff;font-size:28px;letter-spacing:-.2px;margin:0;padding:0}.gh-post-upgrade-cta p{margin:20px 0 0;padding:0}.gh-post-upgrade-cta small{font-size:16px;letter-spacing:-.2px}.gh-post-upgrade-cta a{cursor:pointer;font-weight:500}.gh-post-upgrade-cta a,.gh-post-upgrade-cta a:hover{box-shadow:none;color:#fff;text-decoration:underline}.gh-post-upgrade-cta a:hover{opacity:.8}.gh-post-upgrade-cta a.gh-btn{background:#fff;border-radius:4px;display:block;font-size:16px;font-weight:600;margin:28px 0 0;padding:8px 18px;text-decoration:none}.gh-post-upgrade-cta a.gh-btn:hover{opacity:.92}#search.loading{pointer-events:none}#search.loading i,#search.loading span,#search.loading svg{opacity:0;visibility:hidden}#search.loading:before{animation:search-loading-spin .8s linear infinite;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:currentcolor;height:20px;margin:-10px 0 0 -10px;width:20px;z-index:1}#search.loading:after,#search.loading:before{content:"";left:50%;position:absolute;top:50%}#search.loading:after{animation:search-loading-pulse 1.5s ease-in-out infinite;background:rgba(0,0,0,.05);border-radius:50%;height:32px;margin:-16px 0 0 -16px;width:32px}@keyframes search-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes search-loading-pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}
11 款提升开发效率的 Vibe Coding 工具想要在你的 Linux 系统上体验 Vibe Coding 并放松身心?以下是一些你可以探索的工具。曾几何时,编程意味着坐下来,编写结构化逻辑,并花费数小时进行调试。
快进到今天,我们有了 Vibe Coding,这是一种趋势,人们让 AI 根据简单的提示生成大量的代码。没有语法,没有调试,对底层发生的事情没有真正的理解。只有“感觉”(vibes)。
由 OpenAI 联合创始人 Andrej Karpathy 创造的 Vibe Coding,是通过向 AI 提供自然语言指令并接受其生成的结果来开发软件的行为。
OpenAI 联合创始人 Andrej Karpathy 创造的 Vibe Coding有些人甚至更进一步,使用语音转文本工具,这样他们完全不需要打字。只需描述你梦想中的应用,然后瞧,AI 就为你创建了。或者它能做到吗?
人们在几天内构建出完整的 SaaS 产品,一夜之间发布 MVP,并且不知怎的,比那些信奉敏捷方法论的经验丰富的工程师赚更多的钱。
我在这里不是为了抱怨,而是为了深入探讨这个有趣的趋势,并为你提供终极武器库,让你通过这些工具拥抱 Vibe Coding。
这里提到的一些应用程序可能不是开源的。它们被包含在 Linux 使用的背景下。此外,一些工具提供了流行商业 LLM(如 ChatGPT 和 Claude)的接口。
Aider - 终端的 AI 结对编程
如果你正在寻找一个结对程序员来帮助你更快地交付代码,Aider 是一个完美的选择。 它允许你与大型语言模型 (LLM) 进行结对编程,以编辑本地 GitHub 仓库中的代码。 你可以从终端启动一个新项目或使用现有的 GitHub 仓库。
Aider AI主要特点:
- Aider 最适合 Claude 3.7 Sonnet、DeepSeek R1 & Chat V3、OpenAI o1、o3-mini 和 GPT-4o,但几乎可以连接到任何 LLM,包括本地模型。
- Aider 会构建整个代码库的地图,这有助于它在大型项目中良好运行。
- 支持大多数流行的编程语言:Python、JavaScript、Rust、Ruby、Go、C++、PHP、HTML、CSS 等。
- 使用合理的提交消息自动提交更改。 使用熟悉的 Git 工具轻松对比、管理和撤销 AI 更改。
- 在喜爱的 IDE 或编辑器中使用 Aider。 通过在代码中添加注释来请求更改,Aider 将开始工作。
- 将图像和网页添加到聊天中以提供视觉上下文、屏幕截图和参考文档。
- 每次 Aider 进行更改时,自动对代码进行 Linting 和测试。 它可以修复 Linters 和测试套件检测到的问题。
- 与 LLM API 配合最佳,但也支持网络聊天界面,使代码复制粘贴无缝进行。
VannaAI - 与 SQL 数据库聊天
编写 SQL 查询可能很繁琐,但 VannaAI 通过让你使用自然语言与 SQL 数据库交互来改变这一点。
你无需手动编写查询,只需描述你需要什么,VannaAI 就会为你生成 SQL。它分两步工作:在你的数据上训练一个 RAG“模型”,然后提出返回 SQL 查询的问题。
VannaAI SQL主要特点:
- 开箱即用支持 Snowflake、BigQuery、Postgres 等。
- Vanna Python 包和前端集成都是开源的,允许在你自己的基础设施上部署。
- 除非明确启用,否则数据库内容绝不会发送到 LLM。
- 通过增强训练数据持续改进。
- 在 Jupyter Notebooks、Slackbots、Web 应用、Streamlit 应用中使用 Vanna,甚至可以将其集成到你自己的 Web 应用中。
VannaAI 让查询数据库就像进行对话一样简单,这对于技术和非技术用户来说都是一个游戏规则改变者。
All Hands - 面向开发者的开源 Agent
All Hands 是一个面向 AI 开发者 Agent 的开源平台,能够构建项目、添加功能、调试等等。 All Hands 与 Devin 竞争,最近以 53% 的准确率位居 SWE-bench 排行榜榜首。
All Hands AI主要特点:
- 通过交互式 GUI、命令行界面 (CLI) 或无交互模式(如无头执行和 GitHub Actions)使用 All Hands。
- 开源自由,在 MIT 许可下构建,确保 AI 技术对所有人开放。
- 处理复杂的任务,从代码生成到调试和问题修复。
- 与 Invariant Labs 等 AI 安全专家合作开发,以平衡创新和安全性。
要开始使用,请安装 Docker 26.0.0+ 并使用提供的 Docker 命令运行 OpenHands。 运行后,配置你的 LLM 提供商并开始使用 AI 驱动的协助进行编码。
Continue - 领先的 AI 驱动代码助手
你肯定听说过 Cursor IDE,这个流行的 AI 驱动 IDE;Continue 与它类似,但在 Apache 许可下是开源的。 它高度可定制,允许你添加任何语言模型进行自动补全或聊天。
这可以极大地提高你的工作效率。 你可以将 Continue 添加到 VS Code 和 JetBrains 中。
Continue AI主要特点:
- Continue 在你输入时自动补全任何编程语言的单行或整个代码段。
- 附加代码或其他上下文以询问有关函数、文件、整个代码库等方面的问题。
- 选择代码段并按键盘快捷键从自然语言重写代码。
- 与 Ollama、OpenAI、Together、Anthropic、Mistral、Azure OpenAI Service 和 LM Studio 配合使用。
- 支持代码库、GitLab Issues、文档、方法、Confluence 页面、文件。
- 支持数据块、Docs 块、规则块、MCP 块、Prompts 块。
Wave - 带有本地 LLM 的终端
Wave 终端引入了 BYOLLM(Bring Your Own Large Language Model),允许用户将自己的本地或基于云的 LLM 集成到他们的工作流程中。
它目前支持 Ollama、LM Studio、llama.cpp 和 LocalAI 等本地 LLM 提供商,同时也支持使用任何与 OpenAI API 兼容的模型。
Wave主要特点:
- 使用本地或基于云的 LLM,包括与 OpenAI 兼容的 API。
- 将 LLM 驱动的响应无缝集成到你的终端工作流程中。
- 在设置或通过 CLI 设置 AI Base URL 和 AI 模型。
- 计划支持 Gemini 和 Claude 等商业模型。
Warp Terminal - Agent 模式(非开源)
继 WaveTerm 之后,我们在 AI 驱动的终端领域有了另一个强大的竞争者:Warp Terminal。
我个人使用它,所以可能听起来有点偏颇。 😋 它本质上是一个 AI 驱动的助手,可以理解自然语言,执行命令,并交互式地解决问题。
你无需手动查找命令或在文档之间切换,只需用语言描述任务,让 Agent 模式引导你完成。
Warp Terminal主要特点:
- 无需记住复杂的 CLI 命令,只需输入你想要的内容,例如“使用 SSL 设置 Nginx 反向代理”,Agent 模式将处理详细信息。
- 遇到“端口 3000 已在使用”的错误?只需输入“修复它”,Warp 将建议运行
kill $(lsof -t -i:3000)
。 如果这不起作用,它会自动调整方法。 - 与 Git、AWS、Kubernetes、Docker 以及任何其他具有 CLI 的工具无缝协作。 如果它不知道某个命令,你可以告诉它阅读帮助文档,它会立即学会如何使用该工具。
- 未经你的许可,Warp 不会将任何内容发送到云端。 在运行每个命令之前,你需要批准,并且只有在明确允许的情况下,它才会读取输出。
看起来 Warp 正在从传统的 AI 辅助终端转向交互式 AI 驱动的 Shell,这使得命令行更加直观。
Pieces : IDE 的 AI 扩展(非开源)
Pieces 本身不是代码编辑器,而是一个 AI 驱动的扩展,通过实时智能和记忆来增强 VS Code、Sublime Text、Neovim 等许多 IDE 的功能。
其突出特点是长期记忆 Agent,它可以捕获长达 9 个月的编码上下文,帮助你即使长时间中断后也能无缝地恢复工作。
一切都在本地运行,以确保完全隐私。 它理解你的代码,回忆代码片段,并轻松融入你的开发工具,从而消除上下文切换。
目前它是免费的,并承诺永远提供免费套餐,但他们很快就会开始收费,所以早期访问可能会带来额外的好处。
Pieces IDE主要特点:
- 存储 9 个月的本地编码上下文。
- 与 Neovim、VS Code 和 Sublime Text 集成。
- 完全设备上的 AI,零数据共享。
- 通过 Pieces Copilot 提供上下文感知的建议。
- 使用 Pieces Drive 组织和共享代码片段。
- 承诺永远提供免费套餐,并为早期采用者提供额外好处。
Aidermacs: Emacs的 AI 辅助编码
MatthewZMD 的 Aidermacs 专为 Emacs 高级用户而设计,他们希望获得那种很棒的 Cursor 风格 AI 体验,但又不想离开他们心爱的终端。
它是开源工具 Aider 的前端,将强大的结对编程带入 Emacs,同时完全尊重其工作流程和哲学。
无论你使用的是 GPT-4、Claude 还是 DeepSeek,Aidermacs 都会自动检测你可用的模型,并允许你在 Emacs 中直接与它们聊天。 而且,是的,它高度可定制,就像所有优秀的 Emacs 工具一样。
Aidermacs主要特点:
- 将 Aider 集成到 Emacs 中进行协作编码。
- 智能模型选择,支持 OpenAI、Anthropic、Gemini 等。
- 内置 Ediff,用于比较 AI 生成的更改。
- 细粒度的文件控制:编辑、只读、暂存区和外部文件。
- 完全主题感知,与 Emacs 原生 UI 集成。
- 通过 vterm 在终端中良好运行,支持基于主题的颜色。
Jeddict AI Assistant
这款工具是为 Java 开发者准备的,它是 Apache NetBeans 的一个插件。 我记得以前在学校用过 NetBeans,如果那时候就有这些 AI 功能,我敢肯定我的计算机科学实践课肯定能拿高分。
这不是普通的自动补全工具。 Jeddict AI Assistant 将完整的 AI 集成带入你的 IDE:更智能的代码建议、上下文感知的文档、SQL 查询帮助,甚至是提交消息。
如果你正在处理大型 Java 项目,并且想要一个能真正理解你代码中正在发生什么事情的 AI,这款工具特别有用。
Jeddict AI Assistant主要特点:
- 使用 OpenAI、DeepSeek、Mistral 等提供智能的内联代码补全。
- 具备项目/类/包完整上下文的 AI 聊天。
- 只需一个快捷键即可创建和改进 Javadoc。
- 通过 AI 提示重命名变量、重构方法和修正语法错误。
- 在数据库面板中提供 SQL 查询协助和内联补全。
- 根据你的差异自动生成 Git 提交消息。
- 自定义规则、文件上下文预览和实验性的编辑器内更新。
- 完全可定制的 AI 提供商设置(也支持 LM Studio、Ollama、GPT4All!)。
Amazon CodeWhisperer
如果你的编码工作主要围绕 AWS 服务,那么 Amazon CodeWhisperer 可能是你理想的 AI 驱动助手。
虽然它像其他 AI 编码工具一样工作,但其真正的优势在于与 AWS SDK,Lambda、S3 和 DynamoDB 的深度集成。
CodeWhisperer 针对云原生开发进行了微调,使其成为构建无服务器应用、微服务和基础设施即代码项目的开发者的首选。
由于它支持 Visual Studio Code 和 JetBrains IDE,AWS 开发者可以将其无缝集成到他们的工作流程中,并获得遵循可扩展性和安全最佳实践的 AWS 特定编码建议。
此外,个人开发者可以免费使用,这使其成为独立开发者和初创公司开发者的一个有吸引力的选择。
Amazon CodeWhisperer主要特点:
- 针对 AWS SDK 和云服务优化的代码建议。
- 内置安全扫描以检测漏洞。
- 支持 Python、Java、JavaScript 等。
- 对个人开发者免费。
Qodo AI (原名 Codium)
如果你曾经对免费 AI 编码工具的限制感到沮丧,qodo 可能就是答案。 Qodo 支持包括 Python、Java、C++ 和 TypeScript 在内的 50 多种编程语言,并能顺畅地与 Visual Studio Code、IntelliJ 和 JetBrains IDE 集成。
它提供智能自动补全、函数建议,甚至代码文档生成,使其成为适用于各种规模项目的多功能工具。
虽然它可能不具备付费替代品的一些高级功能,但其零成本访问使其成为注重预算的开发者的游戏规则改变者。
Qodo AI (原名 Codium)主要特点:
- 无限制的免费代码补全,没有任何限制。
- 支持 50 多种编程语言,包括 Python、Java 和 TypeScript。
- 与 Visual Studio Code 和 JetBrains 等流行 IDE 配合使用。
- 轻量且响应迅速,确保流畅的编码体验。
结论
毫无疑问,随着时间的推移,我们将看到更多的 AI 辅助编码占据中心地位。 正如 Anthropic 首席执行官 Dario Amodei 所说,AI 将在六个月内编写 90% 的代码,并可能在一年内完全自动化软件开发。
这是否是一个令人兴奋的飞跃,还是一个令人恐惧的想法,取决于你对你的 AI 结对程序员的信任程度。
如果你正在深入研究这些工具,我强烈建议你温习一下编码基础知识和版本控制。 AI 可以为你编写命令,但如果你不知道它在做什么,你可能会在几秒钟内从“我刚刚构建下一个价值数十亿美元的 SaaS!变成“为什么我的 AI Agent 刚刚删除了我的整个代码库?”。
无论你是一位经验丰富的开发者,还是一个喜欢在终端中输入酷炫东西的人,这些工具都将提升你的水平。