PhpStorm 2021.3 Help

JSCS

启用 JSCS 支持时,PhpStorm 会突出显示JSCS检测到的错误,为它们提供描述,并在可能的情况下建议快速修复。

当前文件中检测到的错误的描述和它们的快速修复可从编辑器和“问题”工具窗口的“当前文件”选项卡中获得。

所有以前打开的文件中的错误和它们的快速修复都显示在问题工具窗口的项目错误选项卡中。要打开工具窗口,请单击编辑器右上角的检查小部件:

检查小部件

有关详细信息,请参阅在编辑器和问题工具窗口中查看问题并应用快速修复

PhpStorm 还在 JSCS 配置文件中提供代码补全。

在你开始前

  1. 下载并安装Node.js。

  2. 在Settings/Preferences |上安装并启用JSCS插件 插件页面,选项卡Marketplace,如从 JetBrains 存储库安装插件中所述。

    如果缺少 JSCS 存储库插件,PhpStorm 建议您在打开.jscsrc.jscs.json配置文件时安装它。

    PhpStorm 建议安装 JSCS 插件

全局安装 JSCS

  • 在嵌入式终端( Alt+F12) 中,键入:

    npm install --g jscs

启用 JSCS 并在 PhpStorm 中配置其行为

  1. Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Languages and Frameworks | JavaScript | 代码质量工具 | JSCS。在打开的JSCS页面上,选中Enable复选框。之后,页面上的其他控件变为可用。

  2. Node Interpreter字段中,指定 Node.js 的路径。如果您遵循标准安装过程,PhpStorm 会检测路径并自行填写该字段。

  3. JSCS 包字段中,指定jscs包的位置。

    如果您通过Node Package Manager安装 JSCS ,PhpStorm 会定位包本身并自动填写该字段。否则,请手动键入路径或单击图标一般开盘悬停并在打开的对话框中选择包位置。

  4. 指定要使用的配置。

    • 搜索配置- 如果 JSCS 规则在您的项目package.json.jscsrc.jscs .json 中配置,请选择此选项。

      PhpStorm 将首先jscsConfig在项目包 .json中查找属性。

      如果未jscsConfig找到任何属性,PhpStorm 将查找.jscsrc.jscs.json配置文件。PhpStorm 从存储要检查的文件的文件夹开始搜索,然后在父文件夹中搜索,依此类推,直到到达项目根目录。

    • 配置文件- 如果在自定义 JSON 文件中配置 JSCS 规则,请选择此选项。在路径字段中指定文件位置。从列表中选择路径或单击浏览按钮并在打开的对话框中选择相关文件。

  5. 要应用与您正在使用的代码样式关联的一组预定义规则,请从代码样式预设列表中选择该组。

最后修改:2021 年 6 月 2 日