copilot使用初体验（一）-Toy模板网

这篇具有很好参考价值的文章主要介绍了copilot使用初体验（一）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

介绍

VS Code 打开项目后，GitHub Copilot 就开始学习你的代码了，然后才能提示你适合的代码。

如何申请

https://zhuanlan.zhihu.com/p/625479189

写函数

1、写一个注释，按下回车，会自动生成函数（函数名+函数体），然后按下 tab，接受建议。

// 找出一个数组中houseId等于3的那项
findHouseIdIs3(arr) {
  return arr.find(item => item.houseId === 3)
},

快捷键

接受建议：Tab
拒绝建议：Esc

JS使用场景

1、工具类函数：
编写前端工具类函数

// 防抖函数
debounce(fn, delay) {
  let timer = null
  return function() {
    if (timer) {
      clearTimeout(timer)
    }
    timer = setTimeout(fn, delay)
  }
},

2、正则表达式
需要在注释最前面写：正则表达式

// 正则表达式：验证身份证号
isCardNo(card) {
    const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
    if (reg.test(card) === false) {
        return false
    } else {
        return true
    }
},

3、代码补全
例如，vue中引入组件后需要在Components声明对应组件
copilot使用初体验（一）,ai,copilot

css中的体验

1、常见写法提示
只需要写出几个关键词
copilot使用初体验（一）,ai,copilot

2、直接描述需要的效果

蓝色渐变背景，圆角大小8px，高度40px，宽度120px

.search-option {
  background: linear-gradient(90deg, #e6f2ff 0%, #b3d8ff 100%);
  border-radius: 8px;
  height: 40px;
  width: 120px;
}

参考链接：
https://juejin.cn/post/7220775341727023159
https://www.zhangxinxu.com/wordpress/2023/04/ai-code-tool-codeium-github-copilot/
https://www.bilibili.com/video/BV1Um4y117KF/?spm_id_from=333.337.search-card.all.click文章来源地址https://www.toymoban.com/news/detail-583789.html

到了这里，关于copilot使用初体验（一）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！