'require'关键字未被webstorm识别

我正在使用WebStorm作为IDE.

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

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

var express = require('express');
var app = express();

app.listen(1337, function(){
    console.log("ready");
});

更新

Per Darin的回答这是我的package.json文件,它现在位于Website文件夹的根目录中:

{
  "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创建的.我不认为我需要那些废话所以现在我只有:

{
  "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您可以指定应加载节点库.您的库集可能看起来与此不同,但它应该非常接近......或者,如果需要,您可以添加库以便显示您的风格(节点,io,等等).

JSHint

其次,如果启用了JSHint,则还应启用Node.js环境,以便JSHint正常运行.

Nodejs和NPM设置

您也可以(应该)设置节点可执行文件的路径.Webstorm也会检测您全局安装的模块,并向您显示您的版本是否是最新的.

官方文件

最后,此参考链接包含有关WebStorm和Node的更多信息:JetBrains Webstorm - Nodejs Docs

在首选项>语言和框架> Node.js和NPM下,确保启用"Node.js核心库已启用".

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