WebStorm添加外部js库(以支持更多的库)

在使用webStorm进行前端开发时,以CDN的形式(<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>)安装Vue进行开发。结果出现如下图所示的黄色波浪线,对于有强迫症的我来说,,,,话不多说。。。

WebStorm添加外部js库(以支持更多的库)

对于这种情况,不进行处理也是可以的。如果你有强迫症,那么按照以下步骤操作就可以了。

1.依次点击 FileSettints 打开设置面板,找到 Libraries 点击 Add
WebStorm添加外部js库(以支持更多的库)
WebStorm添加外部js库(以支持更多的库)
2.按下图所示,输入名称,输入Vue.js的url,点击ok–>ok…即可

WebStorm添加外部js库(以支持更多的库)
3.将光标放在引入CDN的位置,点击 Download library 就大功告成了!

WebStorm添加外部js库(以支持更多的库)

最终效果!看着真舒服。。。

WebStorm添加外部js库(以支持更多的库)
安装其他的外部库操作也是类似的,更换url即可