如何配置babel webpack使vue项目支持智能代码提示？

本文共计593个文字，预计阅读时间需要3分钟。

让 Babel、Webpack、Vue 配置文件支持智能提示，以下是大致步骤，非常简洁：

1. 安装必要的插件和依赖。

2.创建配置文件。

3.配置 Babel 和 Webpack。

4.享受智能提示。

非详细版介绍：

- 非手动搭建项目，需手动配置 Babel 和 Webpack。- 每次配置，需访问官网，复制粘贴配置。

让 babel webpack vue 配置文件支持智能提示，下面给大家介绍的非常详细，一起看看吧

如果非脚手架搭建的项目，往往需要手动配置 babel webpack。

每次都要打开官网，复制黏贴，然后一个一个配置。

如果配置也能智能提示，岂不美哉。

babel 配置

如果原先是 .babelrc 配置，请改成 .babelrc.js 或者 babel.config.js

然后安装依赖 npm i -D @types/babel__core 或 yarn add -D @types/babel__core

接着在配置文件里加上 @type {import('@babel/core').TransformOptions} 声明。

非常简单，babel 就支持智能提示了。

webpack 配置

方法一样，先安装依赖 npm i -D @types/webpack 或 yarn add -D @types/webpack

接着在配置文件里加上 @type {import('webpack').Configuration} 声明。