让 babel webpack vue 配置文件支持智能提示的方法
让 babel webpack vue 配置文件支持智能提示，下面给大家介绍的非常详细，一起看看吧
如果非脚手架搭建的项目，往往需要手动配置 babel webpack。
每次都要打开官网，复制黏贴，然后一个一个配置。
如果配置也能智能提示，岂不美哉。
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} 即可。
小结
其实就是利用 ts 的声明文件来实现智能提示。
很多人不知道 js 的 jsdoc 规范，也被 ts 兼容了，可以很好的为 js 服务。
本文只在 vscode 下测试，理论上所有主流开发环境都是支持这种方式的。
总结
以上所述是小编给大家介绍的让 babel webpack vue 配置文件支持智能提示的方法，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
这篇文章主要介绍了vuejs对接后端踩过的坑记录,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-12-12
如何使用vue-json-viewer插件展示JSON格式数据
这篇文章主要给大家介绍了关于如何使用vue-json-viewer插件展示JSON格式数据的相关资料,Vue-json-viewer是一个Vue组件,用于在Vue应用中显示JSON数据的可视化工具,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了Vue父子组件传值的三种方法，本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-12-12
热力图是一种数据可视化技术,它使用颜色来表示数据点的值,热力图常用于可视化分布数据,例如人口密度、温度变化或网站流量,本文给大家介绍了如何使用Vue3和ApexCharts创建交互式热力图,需要的朋友可以参考下2024-06-06
本篇文章主要介绍了解决vue里碰到 $refs 的问题的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要为大家详细介绍了vue实现滚动鼠标滚轮切换页面，类似于纵向走马灯，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
下面小编就为大家分享一篇基于vue2.0动态组件及render详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要为大家详细介绍了Vue实现简单选项卡功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了vue指令与$nextTick 操作DOM的不同之处,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-08-08
这篇文章主要为大家分享了一篇值得收藏的vuejs安装教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
最新评论