這篇文章主要介紹了讓 babel webpack vue 配置文件支持智能提示的相關知識，非常不錯，具有一定的參考借鑑價值,需要的朋友可以參考下
讓 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} 聲明。
vue 配置
vue 配置則簡單多了，不需要安裝任何東西，
只要加上聲明 @type {import('@vue/cli-service').ProjectOptions} 即可。
小結
其實就是利用 ts 的聲明文件來實現智能提示。
很多人不知道 js 的 jsdoc 規範，也被 ts 兼容了，可以很好的爲 js 服務。
本文只在 vscode 下測試，理論上所有主流開發環境都是支持這種方式的。
總結
以上所述是小編給大家介紹的讓 babel webpack vue 配置文件支持智能提示的方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回覆大家的！