让 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 相关文章推荐
date.parse在IE和FF中的区别
Jul 29 Javascript
js下判断 iframe 是否加载完成的完美方法
Oct 26 Javascript
jQuery ajax 路由和过滤器使用说明
Aug 02 Javascript
调试JavaScript中正则表达式中遇到的问题
Jan 27 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
Oct 22 Javascript
Highcharts学习之数据列
Aug 03 Javascript
JavaScript编写一个简易购物车功能
Sep 17 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
MVVM 双向绑定的实现代码
Jun 21 Javascript
开发中常用的25个JavaScript单行代码(小结)
Jun 28 Javascript
关于layui flow loading占位图的实现方法
Sep 21 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命令行(cli)模式下报require 加载路径错误的解决方法
2015/11/23 PHP
PHP可变函数学习小结
2015/11/29 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
图片按比例缩放函数
2006/06/26 Javascript
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
求解开jscript.encode代码的asp函数
2007/02/28 Javascript
javascript removeChild 使用注意事项
2009/04/11 Javascript
javascript面向对象之对象的深入理解
2015/01/13 Javascript
jquery+easeing实现仿flash的载入动画
2015/03/10 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
2016/07/01 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
vue2的todolist入门小项目的详细解析
2017/05/11 Javascript
Vue实现路由跳转和嵌套
2017/06/20 Javascript
js实现从左向右滑动式轮播图效果
2017/07/07 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
2017/08/23 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
2018/01/12 Javascript
[01:28]一分钟告诉你DOTA2 TI9不朽宝藏Ⅱ中有什么!
2019/07/09 DOTA
[47:43]完美世界DOTA2联赛PWL S3 Magama vs GXR 第二场 12.19
2020/12/24 DOTA
PyQt5每天必学之单行文本框
2018/04/19 Python
Tensorflow使用支持向量机拟合线性回归
2018/09/07 Python
python 定义n个变量方法 (变量声明自动化)
2018/11/10 Python
在Python中通过getattr获取对象引用的方法
2019/01/21 Python
利用python脚本如何简化jar操作命令
2019/02/24 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
django自带调试服务器的使用详解
2019/08/29 Python
Python绘制组合图的示例
2020/09/18 Python
Under Armour安德玛意大利官网:美国高端运动科技品牌
2020/01/16 全球购物
Servlet的生命周期
2013/08/25 面试题
大课间体育活动方案
2014/03/12 职场文书
个人师德师风自我剖析材料
2014/09/29 职场文书
工商局领导班子存在的问题整改措施思想汇报
2014/10/05 职场文书
2014年数学教师工作总结
2014/12/03 职场文书
给老婆的道歉信
2015/01/20 职场文书
英文导游词
2015/02/13 职场文书
react中props 的使用及进行限制的方法
2021/04/28 Javascript
python自动化操作之动态验证码、滑动验证码的降噪和识别
2021/08/30 Python