# InlineChat终于可以Inline了
* 抖音：
* B站：
之前不是吐槽了CodeGeeX这InlineChat吗
我发现这两天人家升级了一版
变得是嘎嘎好用啊
我拿个例子给大家看一下
它到底好在哪啊
首先呢
我们先让它封装一个解析Excel的组件
要求就是：调用要简单
像这样
点里边的button就可以选一个Excel
然后呢就能自动把内容
解析到这个v-model绑定的变量里边
我们先新建一个空文件哈
先这样然后呢command + i调出这个对话框 ( windows是ctrl + i )
在这里边输入要求：帮我写个组件……
吧啦吧啦吧啦哈
然后Ctrl加回车
好，出来了
我们先点完成
然后这时候（VSCode认为）语法还不对
我们先把它保存成点vue的文件
放到components
然后我们就叫ExcelReader.vue
存储
OK这样就好了
好这样第一个版本就有了哈
我们就只需要检查和微调一下
这就是inline chat
最早的基础功能
就是基于这个空文件来写
好这是我刚才写的一个测试的页面
代码很简单啊
就把组件拿过来
然后绑定一个v-model的变量
里边写一个button
然后我们把这个v-model变量
在这展示出来哈
我们试一下效果
在这里我们选择
然后选择Excel
大家看下面这json就出来了
好然后我们试一下
之前我吐槽的这个点啊
之前说他没有上下文能力
就是只能在空文件里使用
现在我们在这种非空文件里啊
我们在这 command + i
好我们跟他说：把这个变量用el-table展示
然后列名呢
我们先当
他有了这个columns计算属性了
我们试一下啊
然后呢
它现在就有columns这个计算属性了
接下来呢
就去把这个属性加上
computer的
columns （这里一路用的是CodeGeeX自动生成代码）
OK我们试一下啊
选择，大家看！这个表格就出来了
还有几个使用姿势给大家看一下啊
比如说这是一段英文注释啊
我们可以选中它，然后Command + i
转中文
完成 \~ OK \~ 大家看
再或者呢
如果我们阅读别人的源码
比如说这个变量不知道啥意思啊
我们就可以这样提问，command +
变量的作用是什么
然后他就给我们解释了一下
比如说我们还可以继续提问
他提到服务端渲染
我们可以继续问
那什么是服务端渲染？注意
好
他又给我们解释了什么是服务端渲染
然后呢我们还可以点击go to chat
去到边栏的这个聊天
所以这一版使用下来
我觉得这才是我们想要的 InlineChat
而且呢它会先用diff模式
先展示出来做了哪些改动
然后咱们点完成才会生效
最关键的呢是CodeGeeX一直是免费的
它还能有这种迭代的速度
真的是很难得
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://sunzsh.gitbook.io/xiaoshan.bug/inlinechat-zhong-yu-ke-yi-inline-liao.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.