InlineChat终于可以Inline了
之前不是吐槽了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一直是免费的
它还能有这种迭代的速度
真的是很难得
最后更新于
这有帮助吗？