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

10年的克拉瑪依區(qū)網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都營銷網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整克拉瑪依區(qū)建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“克拉瑪依區(qū)網(wǎng)站設(shè)計(jì)”,“克拉瑪依區(qū)網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

如果非腳手架搭建的項(xiàng)目，往往需要手動(dòng)配置 babel webpack。

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

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

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é)

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

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

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

總結(jié)

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