让 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 配置文件支持智能提示的方法，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
这篇文章主要介绍了解决vue-cli3 使用子目录部署问题,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-07-07
本篇文章主要介绍了vue基于Element构建自定义树的示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
本文给大家分享如何使用vue3实现文章目录功能，特色功能主要是自动高亮选中当前正在阅读的章节，自动展开当前正在阅读的章节的子标题，并隐藏其他章节的子标题，代码简单易懂，感兴趣的朋友跟随小编一起看看吧2022-03-03
Ant Design Vue 走马灯实现单页多张图片轮播效果
这篇文章主要介绍了Ant Design Vue 走马灯实现单页多张图片轮播,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-07-07
这篇文章主要介绍了vuex的module模块用法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
在Vue 3.0中,与2.0版本相比有一定的差别,最明显的就是缺少了build、config文件夹,下面这篇文章主要给大家介绍了关于vue3中vue.config.js配置及注释的相关资料,需要的朋友可以参考下2022-08-08
vue-router 按需加载 component: () => import() 报错的解决
这篇文章主要介绍了vue-router 按需加载 component: () => import() 报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
这篇文章主要介绍了vue项目中应用ueditor自定义上传按钮功能，文中以vue-cli生成的项目为例给大家介绍了vue项目中使用ueditor的方法，感兴趣的朋友跟随脚本之家小编一起学习吧2018-04-04
axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护,这篇文章主要给大家介绍了关于封装Axios的相关资料,需要的朋友可以参考下2022-01-01
vue 提供了很多自定义指令，大大方便了我们的开发，其中最常用的也就是 v-model，他可以在组件上使用以实现双向绑定。它可以绑定多种数据结构, 今天总结一下用法2023-04-04
最新评论