使用WebStorm基于Node.js引入第三方库的时候,有时这些第三方库的文档里写了的方法,在自己写代码的时候没有代码提示(coding assistance),为了让自己写代码时体验好点,我们可以进行一些设置

1.JS Libraries

例如我们在引入fs-extra这个js lib的时候,该lib明明有copy这个方法,但是IDE却警告说无法解析这个方法,

js_lib01.png

明明有pathExists这个方法,IDE却无法为我们提供代码提示,没提示也就算了,还报个波浪线让人难受就很过分,怎么解决呢?

js_lib04.png

Ctrl+Alt+S打开Settings-->Languages&Frameworks-->JavaScript-->Libraries

然后点右边的Download

js_lib02.png

刚打开的时候需要加载一会儿library列表,加载好后在Download Library窗口中我们鼠标点击一下里面的内容以让焦点在list上,然后输入我们正在使用的,并且需要代码提示的library name,例如我输入了"fs-extra",找到并选中后点击Download and Install

js_lib03.png

把这两个打开的窗口关闭回到代码编写区域,我们会发现,copy方法能被解析没警告了,其他本来有的方法也有提示了,敲代码的心情一下就好多了

js_lib05.png

2.Schema

除了原有js lib的提示外,Web Storm还有个别的code assistance问题,先看看截图

js_lib06.png

js_lib07.png

我在使用mongoose的时候,定义并导出了一个model,在service层使用的时候无法解析Model的方法,并且也没有代码提示,这也让敲代码很难受,怎么做才能让我这个Category有代码提示呢?

回到category.js,把代码稍微一改就可以了:

//不要直接导出,而是先以一个对象接收后,再导出
//module.exports = mongoose.model("category", schema);

let model = mongoose.model("category", schema);
module.exports = model;

更改了这一行代码后再回到service层,model的方法能解析了,代码提示也有了,想怎么敲就怎么敲了

js_lib08.png

参考:

Configuring JavaScript Libraries