让babel webpack vue配置文件支持智能提示。以下是对大家非常详细的介绍。让我们来看看

在非脚手架项目的情况下，通常需要手动配置babel webpack。

每次打开官网，复制粘贴，然后逐一配置。

如果配置也能智能提示岂不是很美？

巴别塔构型

如果最初配置为babelrc，请改为babelrc.js或babel.config.js

然后安装相关的NPM I-D @ type/babel _ _ core或纱线add-D @ type/babel _ _ core

然后添加@ type { import(@ babel/core ')。配置文件中的transformoptions}声明。

很简单，babel支持智能提示。

Webpack配置

以同样的方式，首先安装NPM相关的输入输出类型/网络包或纱线添加类型/网络包

然后添加@ type {import ('webpack ')。配置文件中的配置}声明。

Vue配置

Vue配置简单多了，不用安装任何东西。

只需添加声明@ type { import(@ vue/CLI-service)'。projectoptions}。

摘要

其实就是利用ts的申报文件实现智能提示。

很多人不知道js的jsDOC规范，他们兼容ts，可以很好的服务JS。

本文只在vscode下测试，理论上所有主流开发环境都支持vs code。

摘要

以上就是边肖介绍的让babel webpack vue配置文件支持智能提示的方法。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！