高薪程序员必看：如何避免大量重复性工作？（内含福利）

— 以下为投稿正文 —

作为前端开发工程师，我们日常工作的场景多是和代码打交道。以往，我们很多时间不是在改BUG就是在写注释、校验规则等重复工作上。而现在，在人工智能迅速发展的今天，我们完全可以借助iFlyCode来帮我们完成以上大部分工作。

对于我来说，我最常使用的功能是代码补全和代码生成。比如说我在开发vue组件的时候，有一些模板的定义；或者是我在利用一些UI组件的时候，我只用输入一个标签，然后iFlyCode就会给我对应的反馈，省掉了我很多的重复工作。

 关于iFlyCode功能场景演示

在VSCode里面将iFlyCode打开之后，我们在页面里面输入任何的内容，它都会给到我们反馈。

比如我这边想做一个表单，里边可能涉及姓名、年龄、手机号、邮箱或者兴趣爱好。

当我们在做表单的时候可能需要一些校验以及定义一些变量，在这里可以将我们的大致的需求列出来，比如我这边可能需要一个校验内容，然后再点击回车，它这里就会自动进行代码补全。

比如现在iFlyCode用element-plus框架实现了el-form的大致框架，也包含了定义的校验。

到了这里，你可能发现像手机号、邮箱、兴趣爱好可能还没有给你生成。这没有关系，我们可以继续回车，它会将上面没有的内容继续补全。

接下来，只需按Tab键采取意见就可以了。也就在几秒钟的时间，html的框架是已经基本完成了，我们只需要补充一些逻辑部分。

我们给到定义变量的要求，iFlyCode用reactive直接定义了一个ruleform，其中它连里面的变量名称都跟我上述el-form-item中的prop的名称一致。

现在我们还缺少一个Rules，我们可以在下面继续让它定义规则然后回车，它就会帮我将一些表单的校验规则定义出来。

比如，我想让它继续帮我定义Email的校验规则，我们仅需要输入“邮箱校验”，就可以看到它帮我自动生成了邮箱的校验。

在补全之后，这样一个基础的表单页面就好了。点击提交，它就会校验我的表单内容，看有没有符合这些规则的，校验通过了才会提交。

下面我们可以继续补充，比如说我这边再输入“提交按钮”，它就会给到立即创建和重置两个方法。然后我们继续让它补全，甚至都不用输入任何的东西，它就会自动联系上下文帮我们将函数补充完整好。

最后，我们再输入“校验成功后提交”。这样iFlyCode就自动把校验的逻辑给写出来了。

 总 结  

如果说你对文档和新技术不太熟悉，那你可能就要一边看文档一边来开发功能的。但是通过iFlyCode，它可以帮我们节省大量的看文档的时间。

以我们上述表单为例。在过去，像这样的一个表单可能需要15分钟的时间来查阅文档，还要调试校验规则，而且这些规则可能都要我们一个一个输入。

而用iFlyCode的话，可以直接通过注释来理解需求，自动生成可运行的代码，大大提升了我们日常工作的效率和质量。