从研发视角聊聊字节跳动的AI IDE

Data+AIConference徐普航Data+AIConferenceData+A1ConferenData+A1Conference●美观、直观●研发提效，更快的完成编码Data+AIConference米AIAssistantHi@atian25Whatcan米AIAssistantHi@atian25Whatcanldoforyou?importhttpfrom'http';constserver=http.createServer((req,res)=>{res.statusCode=200;res.setHeader('Content-Type','text/htmL');res.end('Hello,World!');server.listen(port,()=>{console.Log('Serverrunningathttp://Localhost:${port}/');米Explainlexplainhowtheselectedfunctionworks.米Doc/docgeneratedocumentationforselectedcode.TerminalNetworkNowusingnodev20.12.2(npmv10.5.0)Typeamessageor'toselectacommand口node_modulesP.gitignoreTSindex.ts(}package-lockjson②README.md◎tsconfig.jsonfereMarsCode-TypeScrip◎Deployingnode_modules□.prettierignore②README.md◎tsconfig.jsonimporthttpfromconstserver=http.createServer((req,res)=>{res.statusCode=200;res.setHeader('Content-Type','text/htmL');console.Log('Serverrunningathttp://Localhost:${port}/);PublishPublish√[15:46:42]Startdeployment√[15:46:42]Preparesuccess,cost:418ms√[15:46:47]Buildsu前后端部署托管能力，一键部署Data+A1ConferenceWritethecodeonce,noneedtoworryabouttheschemaandopenapi.json//nameofuser26exportinterfaceOut//replytogreettheuser29Talkedtohttps:/#***marscode.siteHelloTalkedtohttps:/#***marscode.siteHello!It'snicetomeetyFunctionServer工作区调度容器调度存储热挂载流量网关容器调度镜像依赖管理安全合规高密度调度预热机制成本核算←→cn/work_flow?space_id=7291879830688284679&workflow_id=7385762513721507858◎Unpublishedsearchnpmwithke…Auto-saved₁1:38:51目consturl=newURL('https://registry.npmjs.com/-1v1/search');Writecodetoprocessinputvariaferen/space/7291879830688284679/plugin/7359072180769947664/cloud-toolcharactersModifiedTestPass22*@param{Object}args.Logger-logger23*@returns{*}Thereturn25*Remembertofillininput/outputinM27exportasyncfunctionhandler({input,Logger):Args<Input>):Promise<0utput>{28constchar31awaitsetLanguage(Language.ChineseCN);32constcharacters=awaitcharacter.getList();35name:+'aaaaaa',36id:item.entry_page_id,38rarity:getValue(item,'rarity'),39vision:getValue(item,'vision'),40weannn:netValue(item.'weannn')[11:46:53]Executesuccess,cost:6112ms,function_co2result:[{/event-static-hoyowiki-admin/2024/06/03/c52fab70532afeab9a2e295fed1c353b_2658386160379354681"name:"艾梅莉埃aaaaaa",<Packages十<Packages十Data+AIConference观测报警采集监控配额管理Hengha多租户集群负载调度PaaS层多集群调度管理SRElaaS层(工作区所依赖的内聚能力)恢复池化ws-worker出流量调度lancet生命周期管理存储池化K8s控制面弹性块存储csi驱动全磁盘托管挂载能力多集群监控能力控制面网关元信息管理智能休眠网络鉴权多租户策略管理Data+A1Conference云成本构成运维等人力成本申请但并未实际使用的空闲成本Data+AIConference开发者对Al编程的诉求代码补全代码补全自然语言生成代码代码生成单测生成注释生成代码解释代码评审代码理解代码总结代码搜索通用研发知识问答知识问答联网搜索三方库问答问题修复Data+AIConferenceDevelopertools/CurrentlyUsingAlinthedevelopmentworkflowWritingcodeSearchforanswersDebuggingandgettinghelpDocumentingcode34.8%Generatingcontentorsyntheti...34.8%LearningaboutacodebaseTestingcodeCommittingandProjectplanningPredictiveanalyticsDeploymentandmonitoring2024SurveySource:survey.stackoverflow.co/2024研发提效-代码补全补全光标后下一段代码代码推荐继续预测用户下一步编码动作，修改代码代码生成根据自然语言生成所需代码针对Bug进行分析和规划，自主完成修复项目理解多维度理解项目代码信息，针对项目进行问答搜索联网搜索接入搜索引擎，提供即时、准确的研发信息TypeScriptTypeScriptTSindex.ts…distimportconsthttpfromimportconsthttpfrom'http';server=http.createServer((req,res)=>{statusCode=200;setHeader('Content-Type','text/htmL');end('Hello,World!');envres.res.P.gitignoreres.56D.56res.D.prettierrcserver.Listen(port,()=>{console.Log('Serverrunningathttp://Localhost:$生成一段fetch查询npmregistry89②README.md⑩tsconfig.json米TerminalNetworkingNowusingnodev20.12.2(npmv10.5.0)MarsCodeMarsCodeDeploy…查询npmregistry生成一段查询npmregistryJsed1Reference>以下是使用fetch查询npm注册表的代码示例：fetch('https://registry./').then(response=>response.json())console.error('请求出错：',error);这段代码使用fetch函数向npm注册表发送GET请求，并将返回的响应解析为JSON格式。然后，它将打印出响应数据。如果请求出错，将会捕获错误并打印错误信息。请注意，这段代码需要在支持fetch函数的环境中运行，例如现代浏览器或Node.js。Typeamessageor'TData+A1Conference8000Ln11,Col4Spaces:2UTF-8LF()TypeScript一代码补全一res.send('hellotabnine');Bconsole.log('Listeningatport%s',port);tabnineconsole.log('Listeningatport:'console.log('Listeningonport%functionfunctioncalculateDaysBetweenDates(begin,end)vardays=Math.round((endDate-beginDate)/(1000··更多更丰富的上下文往往能提升代码生成的质量o编辑历史●项目中类似的代码片段o类的结构声明o函数/方法的签名·但模型的context长度是个有限的资源，需要排序过滤当前打开的文件编辑器中的内容提示词构造提示词Embedding召回更多补全代码提示后处理模型推理·对输出结果进行截断·过滤语法不正确的结果·敏感信息过滤·很多时候你不需要发起一个补全请求o性能o准确性请求过滤补全请求前处理·低质量prompt过滤上下文提取●不能只看采纳率=采纳次数/推荐次数，容易被误导，无法指导后续优化展示概率采纳率平均文本长度/blog/golden-metrics-characters-per-opportunity-percentage-code-writtenData+AIConference·譬如：用户敲击了10次按键，只有其中6次触发了Al补全流程，那么尝试率是6/10●譬如：发起了6次请求尝试，最后只有3次被展示，那么反馈率是3/6·时效性：延迟过高(网络延迟or推理速度)导致用户继续执行新操作，从而使原来的推荐没有意义：保证质量的情况下选择更小的模型、量化操作、谨慎克制的推荐多行(越多越慢)、if条件没写的时候不要CPOCPO=(尝试率)x(反馈率)x(采纳率)x(每次采纳平均token数)x(token平均字符长度)●验证成本：开发者无法低成本的验证补全建议是否正确，譬如太长了+UI交互让用CPOCPO=(尝试率)x(反馈率)×(采纳率)x(每次采纳平均token数)x(token平均字符长度)代码补全-测评指标-对比Data+A1ConferenceDatData+AIConference 一46#获取用户信息API处理函数，返回指定username的用户列表48defgetusers(56#如果用户存在，返回用户信息returnjsonify(id=user.id,username=user.username,password=user.password),200DaData+A1Conference一12exportconstLanguag15consthandleChange=(newValue:string)=>{16setSelectedValue(newValue);17onChange(newValue);value={selectedValue}onChange={handleChange}value="en"><Flagcountry='GB'/>英语</0pcountry='FR'/>法语</Option>country='DE'/>德语</Option>fereconstserver=http.createServerres.end('HelLo,World!');constport=process.env.HOST|I3000;server.Listen(port,()=>{consoLe.Log('Serverrunningathttp://Localhost:${port}/`);介绍下这个项目Used1Reference>我们创建了一个HTTP服务器实例，并在请求处理函数中设置了响应的状态码、头部信息和内容。然后，我们定义了一个端口变量，它可以从环境变量中获取，如果不存在则默认为3000。最后，我们调用server.Listen方法来启动服务器，并在回调函数中打印服务器运行的URL。Ln8,Col4(150selected)Spaces:2UTF-8LF()TypeScriptData+A1ConferencefereRelatedInformation最小生成树之Kruskal算法_kruskal算法时间复杂度-CSDN博客KruskalAlgorithm:Overview&CreateMinimumSpanningTree-Simplilearnkruskal算法透彻理解(含并查集及最小生成树的解释...Kruskal'sAlgorithm-ProgramizKruskal算法是一种用于求解加权连通图的最小生成树的算法。它的核心思想是贪心算法，通过按照边的权重从小到大的顺序选择边，并保证选择的边不会构成回路。具体步骤如下：1.将图的所有边按照权重从小到大进行排序。3.依次遍历排序后的边，如果边的两个端点不在同一个集合中，则将这条边添加到最小生成树中，并将两个端点合并到同一个集合中。4.重复步骤3,直到最小生成树中的边数达到图的顶点数减1,或者遍历完所有的边。Kruskal算法的时间复杂度为0(mlogm),其中m是边的数量。它适用于稀疏图的最小生成树问题。如果图是稠密图，可以考虑使用朴素版本的Typeam