'require'关键字不被webstorm识别

我正在使用WebStorm作为IDE。

这里是我的文件夹结构和express.js insisted:

在这里输入图像描述

但是我的示例代码不知道require关键字:

var express = require('express'); var app = express(); app.listen(1337, function(){ console.log("ready"); }); 

更新

Per Darin的答案这是我的package.json文件,现在位于网站文件夹的根目录中:

在这里输入图像描述

 { "name": "MyTestSite.com", "version": "0.0.1", "description": "A Website", "main": "test.js", "directories": { "test": "tests" }, "dependencies": { "express": "^4.11.2" }, "devDependencies": {}, "scripts": { "test": "n/a" }, "repository": { "type": "git", "url": "https://github.com/n/a" }, "keywords": [ "express" ], "author": "My Name", "license": "n/a", "bugs": { "url": "https://github.com/n/a/issues" }, "homepage": "https://github.com/n/a" } 

这是用npm init创build的。 我不认为我需要所有的废话,所以现在我只有:

 { "name": "MyTestSite.com", "version": "0.0.1", "description": "A Website", "main": "test.js", "directories": { "test": "tests" }, "dependencies": { "express": "^4.11.2" } } 

我必须在这里有不正常的东西… WebStorm仍然不能识别require关键字。

require是npm的关键字是不是?

在Webstorm中,您的设置中有三个位置( ctrl-alt-s ),您可以在其中更新Node.js项目的设置。

设置:Javascript库

首先,在Javascript | Libraries Javascript | Libraries可以指定应该加载节点库。 你的一组库可能看起来不同于这个,但它应该非常接近…或者,如果需要的话,你可以添加这些库,使得你的风格(node,io,whatever)显示出来。

在这里输入图像描述

JSHint

其次,如果启用了JSHint,则还应该启用Node.js环境,以便JSHint可以正确执行。

在这里输入图像描述

Nodejs和NPM设置

你可以(应该)也设置你的节点可执行文件的path。 Webstorm也会检测你的全球安装模块,并告诉你是否你的版本是最新的。

在这里输入图像描述

官方文件

最后,这个参考链接包含更多关于WebStorm和Node的信息: JetBrains Webstorm – Nodejs Docs

在首选项>语言和框架> Node.js和NPM下,确保已启用“Node.js Core库已启用”。

在这里输入图像描述

Settings > Languages & Frameworks > Node.js and NPM确保检查Index internal node modules 。 完成索引后,它将识别require关键字。

在这里输入图像描述

确保你的网站的根目录下有一个package.json文件。