痛点描述:
引用外部js资源中的变量时,IDE警告变量未定义,并且在编写时无提示,大大的影响开发体验、效率,增大bug率。下面为大家介绍二种解决方案。
解决方案
一、webstorm library功能,下载远程资源到本地
原理:
- 把远程资源下载到webstorm中的lib本地空间
- 设置lib的生效的范围 (默认是global全局作用域)
使用方法
把光标移动到资源的url上,并点击下载到本地后,提示出现了
webstorm左侧导航栏library出现了下载的库
wxSdk.js代码内容
const wxSdk={
getUserInfo:function(cb){
return 11;
},
getUserId:function(){
return 22
},
}
window.wxSdk=wxSdk;
其他说明:
class类也是可以有提示的
point.js
class Point {
constructor(x, y) {
this.x = x;
this.y = y;
}
distance(a, b) {
const dx = a.x - b.x;
const dy = a.y - b.y;
return Math.hypot(dx, dy);
}
fn2(){
return 1;
}
}
window.Point=Point;
远程jquery文件测试,引用远程和引用下载到本地后的对比效果
不适用的场景,某些打包的内容
哪位大佬知道解决方案,欢迎留言。
uuid没有提示
<script src="https://cdn.bootcdn.net/ajax/libs/uuid/8.3.2/uuid.min.js"></script>
ant design 没有生效
<script src="https://cdn.bootcdn.net/ajax/libs/antd/4.12.3/antd.min.js"></script>
二、安装第三方的插件
比如这个,安装react插件
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。