讓 babel webpack vue 配置文件支持智能提示的方法
讓 babel webpack vue 配置文件支持智能提示，下面給大家介紹的非常詳細，一起看看吧
如果非腳手架搭建的項目，往往需要手動配置 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ù)大家的！
相關(guān)文章
這篇文章主要介紹了Vue.directive()的用法和實例 ,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了vue實現(xiàn)移動端項目多行文本溢出省略功能，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
VUE中v-on:click事件中獲取當(dāng)前dom元素的代碼
這篇文章主要介紹了VUE中v-on:click事件中獲取當(dāng)前dom元素的代碼，文中同時給大家提到了v-on：click獲取當(dāng)前事件對象元素的方法,需要的朋友可以參考下2018-08-08
最近項目停工了，RageFrame的學(xué)習(xí)暫時告一段落，這一篇給大家分享下有關(guān)單點登錄的相關(guān)知識，并提供一些demo給大家參考，對vue單點登錄的實現(xiàn)方式感興趣的朋友一起看看吧2021-11-11
在Vue開發(fā)過程中解決和預(yù)防內(nèi)存泄漏問題的方法詳解
Vue作為一款流行的前端框架,已經(jīng)在許多項目中得到廣泛應(yīng)用,然而,隨著我們在Vue中構(gòu)建更大規(guī)模的應(yīng)用程序,我們可能會遇到一個嚴重的問題,那就是內(nèi)存泄漏,因此,我們需要認識到在Vue開發(fā)過程中,內(nèi)存泄漏問題的重要性,本文將給大家介紹如何解決和預(yù)防內(nèi)存泄漏問題2023-10-10
表格判斷在很多項目中都用得到,本文主要介紹了vue設(shè)置必填項和判斷必填項是否填入的彈窗提示,具有一定的參考價值,感興趣的可以了解一下2023-11-11
打通前后端構(gòu)建一個Vue+Express的開發(fā)環(huán)境
這篇文章主要介紹了打通前后端構(gòu)建一個Vue+Express的開發(fā)環(huán)境，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
element-ui 表格sortable排序手動js清除方式
這篇文章主要介紹了element-ui 表格sortable排序手動js清除方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
今天小編就為大家分享一篇Vuex,iView UI面包屑導(dǎo)航使用擴展詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vue項目中使用多選框的實例代碼,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-07-07