讓 babel webpack vue 配置文件支持智能提示，下面給大家介紹的非常詳細，一起看看吧

創(chuàng)新互聯(lián)公司主要從事網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機版網(wǎng)站建設(shè)）、成都響應(yīng)式網(wǎng)站建設(shè)、程序開發(fā)、網(wǎng)站優(yōu)化、微網(wǎng)站、小程序設(shè)計等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等多方位專業(yè)化運作于一體。

如果非腳手架搭建的項目，往往需要手動配置 babel webpack。

每次都要打開官網(wǎng)，復(fù)制黏貼，然后一個一個配置。

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

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} 即可。

小結(jié)

其實就是利用 ts 的聲明文件來實現(xiàn)智能提示。

很多人不知道 js 的 jsdoc 規(guī)范，也被 ts 兼容了，可以很好的為 js 服務(wù)。

本文只在 vscode 下測試，理論上所有主流開發(fā)環(huán)境都是支持這種方式的。

總結(jié)

以上所述是小編給大家介紹的讓 babel webpack vue 配置文件支持智能提示的方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！

當前文章：讓babelwebpackvue配置文件支持智能提示的方法-創(chuàng)新互聯(lián)
文章URL：http://weahome.cn/article/djpies.html