讓 babel webpack vue 配置文件支持智能提示的方法
讓 babel webpack vue 配置文件支持智能提示，下面給大家介紹的非常詳細(xì)，一起看看吧
如果非腳手架搭建的項(xiàng)目，往往需要手動(dòng)配置 babel webpack。
每次都要打開(kāi)官網(wǎng)，復(fù)制黏貼，然后一個(gè)一個(gè)配置。
如果配置也能智能提示，豈不美哉。
babel 配置
如果原先是 .babelrc 配置，請(qǐng)改成 .babelrc.js 或者 babel.config.js
然后安裝依賴 npm i -D @types/babel__core 或 yarn add -D @types/babel__core
接著在配置文件里加上 @type {import('@babel/core').TransformOptions} 聲明。
非常簡(jiǎn)單，babel 就支持智能提示了。
webpack 配置
方法一樣，先安裝依賴 npm i -D @types/webpack 或 yarn add -D @types/webpack
接著在配置文件里加上 @type {import('webpack').Configuration} 聲明。
vue 配置
vue 配置則簡(jiǎn)單多了，不需要安裝任何東西，
只要加上聲明 @type {import('@vue/cli-service').ProjectOptions} 即可。
小結(jié)
其實(shí)就是利用 ts 的聲明文件來(lái)實(shí)現(xiàn)智能提示。
很多人不知道 js 的 jsdoc 規(guī)范，也被 ts 兼容了，可以很好的為 js 服務(wù)。
本文只在 vscode 下測(cè)試，理論上所有主流開(kāi)發(fā)環(huán)境都是支持這種方式的。
總結(jié)
以上所述是小編給大家介紹的讓 babel webpack vue 配置文件支持智能提示的方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
這篇文章主要介紹了Vue.directive()的用法和實(shí)例 ,需要的朋友可以參考下2018-03-03
vue實(shí)現(xiàn)移動(dòng)端項(xiàng)目多行文本溢出省略
這篇文章主要介紹了vue實(shí)現(xiàn)移動(dòng)端項(xiàng)目多行文本溢出省略功能，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
VUE中v-on:click事件中獲取當(dāng)前dom元素的代碼
這篇文章主要介紹了VUE中v-on:click事件中獲取當(dāng)前dom元素的代碼，文中同時(shí)給大家提到了v-on：click獲取當(dāng)前事件對(duì)象元素的方法,需要的朋友可以參考下2018-08-08
vue實(shí)現(xiàn)單點(diǎn)登錄的方式匯總
最近項(xiàng)目停工了，RageFrame的學(xué)習(xí)暫時(shí)告一段落，這一篇給大家分享下有關(guān)單點(diǎn)登錄的相關(guān)知識(shí)，并提供一些demo給大家參考，對(duì)vue單點(diǎn)登錄的實(shí)現(xiàn)方式感興趣的朋友一起看看吧2021-11-11
在Vue開(kāi)發(fā)過(guò)程中解決和預(yù)防內(nèi)存泄漏問(wèn)題的方法詳解
Vue作為一款流行的前端框架,已經(jīng)在許多項(xiàng)目中得到廣泛應(yīng)用,然而,隨著我們?cè)赩ue中構(gòu)建更大規(guī)模的應(yīng)用程序,我們可能會(huì)遇到一個(gè)嚴(yán)重的問(wèn)題,那就是內(nèi)存泄漏,因此,我們需要認(rèn)識(shí)到在Vue開(kāi)發(fā)過(guò)程中,內(nèi)存泄漏問(wèn)題的重要性,本文將給大家介紹如何解決和預(yù)防內(nèi)存泄漏問(wèn)題2023-10-10
vue設(shè)置必填項(xiàng)和判斷必填項(xiàng)是否填入的彈窗提示
表格判斷在很多項(xiàng)目中都用得到,本文主要介紹了vue設(shè)置必填項(xiàng)和判斷必填項(xiàng)是否填入的彈窗提示,具有一定的參考價(jià)值,感興趣的可以了解一下2023-11-11
打通前后端構(gòu)建一個(gè)Vue+Express的開(kāi)發(fā)環(huán)境
這篇文章主要介紹了打通前后端構(gòu)建一個(gè)Vue+Express的開(kāi)發(fā)環(huán)境，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
element-ui 表格sortable排序手動(dòng)js清除方式
這篇文章主要介紹了element-ui 表格sortable排序手動(dòng)js清除方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
Vuex,iView UI面包屑導(dǎo)航使用擴(kuò)展詳解
今天小編就為大家分享一篇Vuex,iView UI面包屑導(dǎo)航使用擴(kuò)展詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
這篇文章主要介紹了vue項(xiàng)目中使用多選框的實(shí)例代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-07