讓 babel webpack vue 配置文件支持智能提示的方法
讓 babel webpack vue 配置文件支持智能提示，下面給大家介紹的非常詳細(xì)，一起看看吧
如果非腳手架搭建的項目，往往需要手動配置 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)文章
這篇文章主要介紹了vuejs對接后端踩過的坑記錄,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
如何使用vue-json-viewer插件展示JSON格式數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于如何使用vue-json-viewer插件展示JSON格式數(shù)據(jù)的相關(guān)資料,Vue-json-viewer是一個Vue組件,用于在Vue應(yīng)用中顯示JSON數(shù)據(jù)的可視化工具,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了Vue父子組件傳值的三種方法，本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-12-12
熱力圖是一種數(shù)據(jù)可視化技術(shù),它使用顏色來表示數(shù)據(jù)點(diǎn)的值,熱力圖常用于可視化分布數(shù)據(jù),例如人口密度、溫度變化或網(wǎng)站流量,本文給大家介紹了如何使用Vue3和ApexCharts創(chuàng)建交互式熱力圖,需要的朋友可以參考下2024-06-06
本篇文章主要介紹了解決vue里碰到 $refs 的問題的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)滾動鼠標(biāo)滾輪切換頁面，類似于縱向走馬燈，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
下面小編就為大家分享一篇基于vue2.0動態(tài)組件及render詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)簡單選項卡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了vue指令與$nextTick 操作DOM的不同之處,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
這篇文章主要為大家分享了一篇值得收藏的vuejs安裝教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11