copilot使用初体验(一)

写函数

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使用初体验(一)_第1张图片

css中的体验

1、常见写法提示
只需要写出几个关键词
copilot使用初体验(一)_第2张图片

参考链接:
https://juejin.cn/post/7220775341727023159

你可能感兴趣的:(ai,copilot)