狗万官网酒店 > 狗万官网下载 > 让 babel webpack vue 配置文件支持智能提示的主意_vue.js

让 babel webpack vue 配置文件支持智能提示的主意_vue.js

来源: 2019-08-04 19:43 我来投稿 参与评论
这篇文章主要介绍了让 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/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 配置文件支持智能提示的主意,瞩望对大家有所帮助,如果大家有其他问题欢迎给我留言,小编会适时回复大家的!

义务编辑:狗万官网酒店
 
 
0% (0)
 
 
0% (0)
机长评论( ) 请自觉遵守互联网相关的富民政策法规,不准发布色情、暴力、反动的议论。
地名: 匿名?

  1. <font id="cda0d7f2"></font>