Nutui V3版本迄今已发布一年。无论是在内部还是外部开发人员，它都已在其自己的业务场景中开发和使用，以尽可能地满足开发人员的开发。从今年年初开始，多技术堆栈（React），组件 -Level UI自定义，国际化和代码智能提醒能力。本文将介绍代码智能提示（VSCODE插件）的功能，并为您对Nutui-Vscode的实现进行详细分析。
什么是智能的提示？为了让每个人都有直觉的理解，让我们首先观察以下两张图片?
组件库没有代码提示
组件库有智能提示之后
我想知道阅读上述图片后您会有什么样的感觉？显然，在我们使用智能提示之后，无论是快速查看文档还是组件属性，都可以方便地检查。当然，发展效率也必须显着提高。因此，让我们自己来体验?
提示：NUTUI官方网站开发工具支持，这里还有简短的介绍?
安装了上述两个插件后，重新开始我们，您可以享受体验的智能提示功能，这不是太简单?
如果它熟悉熟悉它的原则，这一经验已经结束。由于它是一个开发插件，首先，我们必须熟悉其开发，调试和发布过程。为您提供文档。看这里
在熟悉基本发展过程之后，让我逐步关注我，以揭露这种聪明的提示功能的神秘面纱?
快速查看组件文档
从上图，当我们在使用中开发时，将组件和鼠标悬停在组件中时，会有一个提示。单击提示，打开组件的官方文档。我们可以快速查看对应的使用以开发它。
首先，我们需要在生成的项目中找到相应的挂钩函数，在此处注册一个，然后分析定义的类型文件。
在下面我们可以看到它是如何实现的？
通过提供的和相应的常规匹配，获得当前行中包含的组件，然后通过遍历返回到不同的组件，最后返回到对象。
您可能会发现它，其中包含一个，它是一个对象，其中包含所有组件官方网站的所有组件的链接地址和信息。它的粗略内容是：
为了在及时维护每个组件的更新，该对象的生成将由本地脚本执行，然后自动注入。每次更新发布插件时，它将被执行一次。
自动组件
我们将组件库用于项目开发。当我们输入时，编辑器将提供当前组件库中包含的所有组件。当我们使用上部和下键快速选择其中一个组件集合所选组件时，并且可以带出当前选择的组件之一，这对于我们很方便地定义了快速定义。
在这里的实现，我们还需要在钩函数中注册一个。
其中，需要输出用于自动完成的当前组件库中包含的组件。
定义选择当前自动复合物时触发的运动。在这里，我们需要重新定义光标的位置。
其中，光标的位置参数通常自动构成选择后光标的引号，这对于定义很方便。结合了当前完成的字符串规则，这里的光标位置相对确定。标签的字符串长度，然后是两个字符的位置，现在。
最后，需要在钩函数中注册此命令的执行并执行光标的移动。这样，我们可以实现我们的自动完成功能。
什么？拥有这些吗？还有聪明的吗？我不需要阅读组件文档，我仍然可以轻松地开发。emm~~~，当然，请收听以下说明
Vetur Intelligence提醒提到，熟悉的学生必须熟悉。它是一个官方的插件，具有突出显示代码和标识文件之类的功能。通过依靠它，我们可以自动识别我们自己的组件库中的组件，并与官方网站详细说明。
兽医的详细信息在这里。
像上面一样，当我们使用组件时，它会自动提示组件中定义的所有属性。按下上下键快速切换时，右侧将显示当前属性的详细说明。这样，我们就无需查看文档。在这里，我们可以看到每个属性的详细说明和默认值。这种发展是如此令人耳目一新?
仔细阅读文档后，我们可以理解已将其提供给我们的配置项目。我们只需要像这样简单地配置它：
它需要包含在我们的包装目录中。我们还可以看到这两个文件的内容：
显然，这两个文件还需要通过脚本生成。如前所述，这涉及与之关联的组件和信息。为了保持一致性并维护副本，我们可以通过每个组件源代码下方的文件获取它。由于该文件包含组件及其详细说明和默认值。
有关组件的详细信息，您需要获取此信息。LET首先查看包含的内容？
对于每个组件的文档，我们预览相应的插头-in以生成相应的插件，并且在此插件中引用了此模块。因此，我们现在要分析文件，我们还需要使用此模块来提供。
在中间，我们只能关心它。因为我们想要的是，此部分与中间包含的部分相对应。考虑多个文档。在这里，我们始终采用第一个文档，这也是一个需要我们的开发人员来的地方编写文件时请注意。
获得中间部分后，我们只需要在此基础上再次进行筛选，选择中间部分，然后筛选中间部分。在此对象中进行本字段。然后根据上述不同的需要进行相应的处理文件。
好吧，以上是分析的全部内容。总结一下，只有几点：
1.创建一个基于项目的项目，在其提供的钩子中注册不同的行为，并实现相应的行为
2.组合，配置
3.对于文件，需要提供相应的通用脚本以确保信息的一致性。此处的分析需要使用提供给我们的功能。
从直观的经验到实际使用，再到实施原则的分析，本文使每个人都能感受到和结合，每个人带来的好处，以便每个人都可以在开发中获得新的经验。在同一时间里，我们在一起，让我们一起努力使它具有更强大的价值?
期待您的使用和反馈???
原始：https：//juejin.cn/post/7096284896749944840