1、前言
GitCode 定位于面向全球开发者的开源社区，DevUI 作为首批加入 GitCode 组织以及Vue-DevUI作为首批 GStar 项目，此前，也与GitCode联合举办了 GitCode X DevUI 开源共创挑战赛，在进行多方面体验后，我们打算对GitCode各方面功能与能力的试用体验进行一个整理与汇总，本次文章我们将带来GitCode在线代码编辑器的试用体验。
2、代码编辑器界面
在编辑界面上，GitCode 采用了左右布局的结构，对于文件的切换与编辑类本地编辑器体验，这一点在编辑上符合用户习惯。
在全屏模式点击后，可更多活动沉浸编辑体验，值得点赞。
更多的，在编辑器界面、分支切换、文件搜索、重命名、minimap查看等基本操作，都较符合使用习惯，使用起来是较顺畅的。
3、支持语言、代码高亮、MD预览
对于在线代码编辑器，所支持的语言为衡量其能力的一大标准，我们在Vue-DevUI项目中进行了试用，作为一个基于Vue3的前端组件库项目，我们尝试了除了上文截图中的.json文件，对于.js、.yaml、.ts等文件的支持程度，体验类同于本地编辑器，高亮效果符合使用习惯。
在对于Markdown文件的查看与编辑上，文件的预览样式与布局上，符合预期的渲染。编辑模式下，左右布局，所见即所得的模式是一个很好的能力，对于Vue-DevUI来说，作为一个提供能力的组件库，对于API等文档Markdown编写变得更加顺畅与高效。
可喜的，对于.tsx文件的支持，GitCode在同类平台中，支持程度与查看编辑体验做到了较好水平，对于Vue-DevUI基于tsx进行组件文件编写的项目，更进一步提升了在线代码查看与编辑的体验。
4、代码联想、代码搜索、其他功能
在代码联想、代码搜索等功能上，在使用本地IDE开发过程中一般具有较好支持，对于GitCode在线代码编辑器，进入代码编辑模式后，实际代码编写过程中，编辑器在代码提示与代码联想上，有较好的使用体验。
代码可自动识别语言并提供自动代码补全功能，对于代码编写过程中实用性++。
在代码搜索上，对于基本的关键字、大小写、正则搜索支持都是良好的，也类本地编辑器使用体验。
更多的，代码编写过程中，尝试在GitCode的编辑器中进行代码跳转，文件内的代码跳转有不错表现，不过当前文件间跳转似乎还不支持。
5、总结
本期我们给大家带来了 GitCode 在线代码编辑器的试用体验，在整体功能上，GitCode 代码编辑器在基本代码查看与编辑功能上都有了较好支持，并且符合本地IDE编辑习惯，对于各语言的支持程度上，符合当前DevUI需求，特别对于Markdown文件编写与tsx文件的支持，可提升项目中大量内容的编写体验与效率。编辑时的代码提示与代码补全在前端代码支持程度也是较好的，具有很高的实用性。代码跳转上当前支持文件内跳转，希望也可以尽快支持项目内跨文件跳转的能力。在接下来的系列文章中，对于ISSUE、PR、社区等模块的使用体验，我们也将陆续更新。当然，大家也可到 GitCode 注册并实际进行体验。
🔥 加入我们
GitCode仓库: gitcode.com/DevCloudFE
DevUI Design 官网: devui.design/home
如果你对我们的开源项目感兴趣，并希望参与共建，欢迎加入我们的开源社区，关注DevUI微信公众号：DevUI 。
