【Vue3】工具 Github Copilot 智能生成代码的使用

于 2024-06-19 16:05:31 发布
阅读量284 收藏 1
点赞数 7
分类专栏： Vue 文章标签： github copilot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39921135/article/details/139806056
版权

文章目录

安装步骤

  • 登录 github，试用 Copilot

  • 打开 vscode， 搜索并安装插件 Copilot

    image-20240220134838783

使用说明

它会去分析上下文，什么样的风格习惯等等，它都会去借鉴，借鉴完后自然而然按照你想要的方式帮你生成代码

  • 删除键：不接受
  • Tab键：接收
  • Ctrl + enter： 查看更多方案

还有一个ai插件，是咱们国内开发的，强烈推荐：CodeGeeX: AI Code AutoComplete

image-20240220140003035

只会CV只会CV只会CV
关注
  • 7
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Github Copilot 的使用方法和快捷键
恒创科技Henghost
01-15 1597
首先，你需要在你的计算机上安装GitHub Copilot。安装过程相对简单，只需要访问GitHub Copilot官网，下载并安装最新版本的软件即可。安装完成后，你需要使用GitHub账号进行激活。在激活过程中，你需要同意GitHub Copilot的许可协议，并确保你的GitHub账号拥有足够的权限来使用Copilot。一、Github Copilot的安装与激活。​四、Github Copilot的注意事项。二、Github Copilot的使用方法。三、Github Copilot的快捷键。
github Copilot的使用总结
最新发布
nihao_2014的博客
04-24 870
在编写check_vector_value接口的时候，你在接口内输入if，会自动看到提示建议的代码，当前这个代码大部分可能不能完全符合你的需求，但是可能会有一定借鉴意义。Ctrl + . 或 Cmd + .（Mac）： 打开建议框，显示更多关于建议的选项，如查看更多建议、查看文档等。Ctrl + Space 或 Cmd + Space（Mac）： 打开建议框，显示Copilot的建议列表。Tab 键： 接受当前选中的建议，将其插入到代码中。3. 可以找出重复代码，并删除重复代码，重写代码。
【插件推荐】GitHub Copilot
GMaya的博客
04-12 2485
这个插件上手之后，真是惊艳到我了，活生生的AI程序员，我慌了。如果你还在为idea的智能提示感到方便快捷，那么GitHub Copilot插件可能颠覆你的认知！ GitHub Copilot官方网站 进去申请注册一下，大概一两天就能邮箱收到，然后idea安装插件即可。 注意idea的版本，应该需要2021.2以上。同时说一下，idea社区版也不错，对个人是免费的，也不用来回破解啥的了，功能满足使用了。idea最新版官方下载 ...
重磅！基于GPT-4的全新智能编程助手 GitHub Copilot X 来了！
芋艿V
03-23 603
点击上方“芋道源码”，选择“设为星标”管她前浪，还是后浪？能浪的浪，才是好浪！每天 10:33更新文章，每天掉亿点点头发...源码精品专栏原创 | Java 2021超神之路，很肝~中文详细注释的开源项目RPC 框架 Dubbo 源码解析网络应用框架 Netty 源码解析消息中间件 RocketMQ 源码解析数据库中间件 Sharding-JDBC 和 MyCAT 源码解析作业调度中间件 E...
分享：前端开发使用的各类 AI Copilot 辅助开发
ymzhao
04-15 9548
现在谁还没听过 ChatGPT，通没通网我不确定，但一定不是搞开发的网上各种教注册OpenAI账号的、卖key的，然后就可以去各类基于ChatGPT api的插件、应用使用。但是这类都属于不合规的方式，这里不推荐虽然因为种种原因，无法直接使用。但现如今，已经有的很多合规方式可以让我们稳定使用了。
VScode中过时的几个插件，赶快卸载吧！VScode实用设置，快来开启！及Copilot的开启！
aoeryule的博客
03-04 1万+
VScode中过时的几个插件，赶快卸载吧！VScode实用设置，快来开启！及Copilot的开启！
VsCode 安装Copilot
洗刷先生的博客
06-26 1万+
（2）我们也可以使用 Ctrl + Enter 快捷键打开单独窗口显示 10 条建议。目前要收费劝退了很多小伙伴，但是实际上可以上X宝30元整一个学生身份！如果此时没有代码提示，请退掉科学，就离谱。直接注销当前登录账号切换到对应的账号即可。
AI教我用200行代码写一个简版Vue框架
OpenTiny的博客
06-10 349
让 AI 列出 Vue 从入门到高级的学习大纲 尝试让 AI 给出能解释 Vue 原理的代码示例 开始学习 Vue 生命周期的原理 学习 Vue 模板语法和指令的原理 学习 Vue 数据监听和计算属性的原理 学习 Vue 事件处理和方法的原理 学习 Vue 插槽（slot）的原理 用 200 行代码实现一个简版 Vue 框架
vs code 如何使用copilot（对接了chatgpt）
百鸣的专栏
03-31 1万+
完成身份验证后，你可以在 VS Code 编辑器中打开一个代码文件，选择你要编写的语言，然后在编辑器的顶部菜单栏中点击“Copilot”，接着可以开始编写代码了。当你输入一些关键字或者方法名时，Copilot 会自动提供不同的代码片段，你可以根据自己的需要选择其中的一个或者多个。首先，你需要下载并安装 Copilot 的 VS Code 插件。VS Code 是一个非常流行的开发工具，而 Copilot 则是一个基于 GPT 模型的代码生成工具，可以通过 VS Code 安装相关的插件来使用。
GitHub Copilot 体验
gllqyqwz的博客
03-20 3482
什么是GitHub CopilotGitHub Copilot是由GitHub和OpenAI公司共同开发的基于云的AI编程工具，目前支持Neovim和JetBrains集成开发环境集成开发环境(IDE)，同时兼容PythonJavaScriptTypeScriptRubyGo和Java等多种语言。
GitHub Copilot最详细教程
热门推荐
RetroFlux的博客
04-16 13万+
GitHub Copilots注册教程，让你体验AI帮你写代码。
GitHub Copilot Labs 体验「收手吧，外面全是 ChatGPT」
xxxzzzqqq_的博客
03-03 1万+
没法保存自定义 Prompt，这应该是比较基础的功能，应该后续会增加吧选择代码有限制，最多 2000 个字符，不太够用以一个段请求接口的代码为例// 请求一些随机数据// 用于测试} else {})复制代码选中之后点击 CUSTOM，会出现一个 INPUT，你可以指挥 COPILOT LABS 做任何事（之前那些预设就相当于一些设定好的输入）整个体验下来，其实功能并没有多新鲜，特别是在 ChatGPT 3.5 已经出现的情况下，上述所有功能都可以通过和 ChatGPT 对话来完成。
vscode 配置 copilot(最牛逼的AI智能提示)
weixin_44457030的博客
11-13 1万+
vscode 配置 copilot(最牛逼的AI智能提示)
GitHub Copilot 预览版测试申请方法 以及如何在JetBrains系Ide中使用Copilot
无枫的博客，分享Java及Vue方向的技术文章
04-05 1万+
前段时间，GitHub和OpenAI联合为程序员们送上了编程神器——GitHub Copilot。 但是，Copilot目前不提供公开使用，需要注册账号通过审核。本文将简单介绍一下该插件的相关介绍以及如何申请测试资格。
Github 王炸功能，Copilot 替代打工人编程？
m0_61544080的博客
11-09 1万+
相信所有的打工人在写代码的时候都会遇到很多问题，这些问题也许是自己从来不了解的，也许是了解一点但是还不熟悉的，也许是之前了解的但是忘记了。 遇到上面的问题，相比大部分人的第一想法是：Google 和百度了！ 比如我想搜索如何使用 Twitter 提供的 API 获取一些有意思的推文来开发我的应用。 而更深入一点，第二个想法可能就是：查文档了。 比如通过 Svelte 的文档了解如何编写一个简单的组件。 但是有些文档经常写的很冗长，且没有提供搜索，如果只是想简单找到某个 API 的用法就会很困难；而好.
GitHub 上超屌的 9 个 Vue 开源项目
公众号：逛逛GitHub
05-07 9819
相比于其他前端框架，Vue 更加易学。尤其在中国，Vue 可以说是前端开发者必会的框架，在 GitHub 上基于 Vue 开源的优质项目也是数不胜数，今天我们就盘点 GitHub 上受欢迎...
GitHub Copilot的下载使用方法(2022最新)
Lyxxxxxx777的博客
04-02 8万+
流程 1.去官网提交申请 2.等待一周至三个月()收到 申请 https://copilot.github.com/ 文档 https://github.com/github/copilot-docs/blob/main/docs/visualstudiocode/gettingstarted.md#getting-started-with-github-copilot-in-visual-studio-code ...
vue3,ruoyi框架代码生成如何使用命名视图
05-18
在 Vue 3 中使用命名视图需要使用 `router-view` 元素，并给它添加一个 `name` 属性，示例如下： ```html <router-view name=&quot;header&quot;></router-view> <router-view></router-view> <router-view name=&quot;footer&quot;></router-view> ``` 在路由配置中，可以通过 `components` 属性来指定每个命名视图对应的组件，示例如下： ```js const routes = [ { path: '/', components: { default: Home, header: Header, footer: Footer } }, // 其他路由配置... ] ``` 在 Ruoyi 框架中，代码生成器默认会生成一个基于 Vue Router 的路由配置文件，你可以在这个文件中进行配置。具体步骤如下： 1. 打开代码生成器，选择需要生成的模块或页面，并在配置选项中勾选“生成Vue Router路由配置文件”。 2. 生成完毕后，在项目的 `src/router` 目录下会生成一个名为 `index.js` 的文件，这个文件就是我们需要进行配置的路由文件。 3. 在路由文件中，可以根据需要添加命名视图和对应的组件。 注意，在使用命名视图时，需要在路由配置中使用 `components` 属性，而不是 `component` 属性。同时，在使用命名视图时，需要在组件中使用 `name` 属性来指定组件的名称，示例如下： ```js // Home.vue <template> <div> <router-view name=&quot;header&quot;></router-view> <h1>Home Page</h1> <router-view></router-view> <router-view name=&quot;footer&quot;></router-view> </div> </template> <script> export default { name: 'Home' } </script> ``` ```js // router/index.js import Home from '@/views/home/Home.vue' import Header from '@/views/home/Header.vue' import Footer from '@/views/home/Footer.vue' const routes = [ { path: '/', components: { default: Home, header: Header, footer: Footer } }, // 其他路由配置... ] export default routes ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值