'require'关键字未被webstorm识别

Question

我正在使用 WebStorm 作为IDE。

这是我的文件夹结构，并且表达了express.js：

但我的示例代码并不知道 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的关键字不是吗？

Answer 1

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

设置：Javascript库

首先，在Javascript | Libraries中，您可以指定应加载节点库。您的库集可能看起来与此不同，但它应该非常接近......或者，如果需要，您可以添加库以便显示您的风格（节点，io，等等）。

<强> JSHint

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

Nodejs和NPM设置

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

官方文档

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

Answer 2

在“偏好设置”下>语言与框架＆gt; Node.js和NPM，确保启用“Node.js核心库已启用”。

Answer 3

在Settings > Languages & Frameworks > Node.js and NPM下，请务必核对Index internal node modules。在完成索引编制后，它将识别require关键字。

Answer 4

确保您网站的根目录中有package.json个文件。

Answer 5

要在新的Webstorm版本上解决这些问题，您需要启用 Node.js的编码帮助。

要执行此操作，请依次转到Settings> Languages & Frameworks> Node.js and NPM，然后单击Coding assistance for Node.js选项，然后单击确定保存：

这将解决所有Node.js无法解析的变量和函数。

更新

在新的Webstorm版本上，仅要越过错误并单击More Actions...（或 ALT + ENTER ），然后选择 启用Node.js编码帮助将解决此问题。