让 babel webpack vue 配置文件支持智能提示的方法


Posted in Javascript onJune 22, 2019

让 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 vue 配置文件支持智能提示的方法 

非常简单,babel 就支持智能提示了。

webpack 配置

方法一样,先安装依赖 npm i -D @types/webpackyarn 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 配置文件支持智能提示的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
如何在Mozilla Gecko 用Javascript加载XSL
Jan 09 Javascript
Sample script that deletes a SQL Server database
Jun 16 Javascript
javascript之可拖动的iframe效果代码
Aug 01 Javascript
JQuery 学习笔记 选择器之一
Jul 23 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
Aug 29 Javascript
jquery插件star-rating.js实现星级评分特效
Apr 15 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
JavaScript实现省市联动过程中bug的解决方法
Dec 04 Javascript
TypeScript基础入门教程之三重斜线指令详解
Oct 22 Javascript
Vuepress 搭建带评论功能的静态博客的实现
Feb 17 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
Apr 09 Javascript
简单了解TypeScript中如何继承 Error 类
Jun 21 #Javascript
如何在JavaScript中谨慎使用代码注释
Jun 21 #Javascript
简单了解JavaScript中常见的反模式
Jun 21 #Javascript
通过图带你深入了解vue的响应式原理
Jun 21 #Javascript
10种JavaScript最常见的错误(小结)
Jun 21 #Javascript
微信小程序开发注意指南和优化实践(小结)
Jun 21 #Javascript
使用Vue开发自己的Chrome扩展程序过程详解
Jun 21 #Javascript
You might like
《PHP编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
php图片缩放实现方法
2014/02/20 PHP
php中switch语句用法详解
2015/08/17 PHP
PHP自定义图片缩放函数实现等比例不失真缩放的方法
2016/08/19 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
JQuery Dialog的内存泄露问题解决方法
2010/06/18 Javascript
js下利用控制器载入对应脚本
2010/07/17 Javascript
IE 当eval遇上function的处理
2011/08/09 Javascript
jquery制作居中遮罩层效果分享
2014/02/21 Javascript
禁用Tab键JS代码兼容Firefox和IE
2014/04/18 Javascript
JavaScript中判断原生函数检查function是否是原生代码
2014/09/09 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
2018/08/31 Javascript
详解npm 配置项registry修改为淘宝镜像
2018/09/07 Javascript
前端面试知识点目录一览
2019/04/15 Javascript
小程序input数据双向绑定实现方法
2019/10/17 Javascript
React冒泡和阻止冒泡的应用详解
2020/08/18 Javascript
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
[44:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第二局
2016/03/03 DOTA
Python数据类型详解(二)列表
2016/05/08 Python
使用Python的package机制如何简化utils包设计详解
2017/12/11 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
你需要学会的8个Python列表技巧
2020/06/24 Python
python 爬虫请求模块requests详解
2020/12/04 Python
兰蔻法国官方网站:Lancôme法国
2020/02/22 全球购物
PHP面试题集
2016/12/18 面试题
小学英语教学反思案例
2014/02/04 职场文书
就职演讲稿范文
2014/05/19 职场文书
拉拉队口号
2014/06/16 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
文明班级申报材料
2014/12/24 职场文书
五年级数学教学反思
2016/02/16 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书
MySQL如何解决幻读问题
2021/08/07 MySQL
《废话连篇——致新手》——chinapizza
2022/04/05 无线电