WebStorm配置项目结构

配置项目结构

在WebStorm中，项目是当前使用的文件集合，由文件夹进行组织。
项目的顶级文件夹叫做根文件夹。可以将任何文件夹添加为项目的一部分，只需在目录页面上将此文件夹添加到根文件夹。

在根目录中配置文件夹

在根文件夹中，WebStorm可以区分包含源代码的文件夹和包含其他类型内容的文件夹。默认情况下，任何文件夹都被视为源文件夹，并用灰色文件夹图标进行标记。
其他文件夹类型：

• 绿色：测试文件夹。
• 紫色：资源文件夹。资源根文件夹中的文件可以使用相对路径，无需指定完整路径。例如，当你开始在HTML的img标签的src属性中输入时，自动补全功能会提示使用资源文件夹中的图像。
• 黄色：排除文件夹，代码补全、导航和检查等功能会忽略这些文件夹。有助于提高WebStorm的性能。

配置文件夹的类别

• 在“Project”工具窗口中右键单击文件夹，从菜单中选择“Mark Directory as”，然后选择所需的类别。
  
• 或者，打开“设置”对话框，转到Directories，然后配置文件夹的类别。

恢复文件夹之前的类别

在“Project”工具窗口中右键单击文件夹，从菜单中选择“Mark Directory as”，然后选择“Unmark as ”。对于“Excluded”，选择“Cancel Exclusion”。

排除文件

如果你项目中现在不需要使用某些文件，但不想完全删除它，可以暂时将该文件从项目中排除。代码补全、导航和检查等功能会忽略排除的文件。

• 要排除文件，请在“Project”工具窗口中右键单击该文件，然后从菜单中选择“Override File Type”。
  
  从“Choose File Type”列表中，选择“Plain text”。
  
• 要恢复更改，请右键单击该文件，然后从菜单中选择“Revert File Type Override”。
  

按名称模式排除文件和文件夹

1. 在“设置”对话框中，转到Directories。
2. 在Exclude files字段中，输入要排除的文件和文件夹名称的掩码，例如：*.min.js或lib。使用分号作为分隔符。

• 如果文件名与这些模式中的任何一个匹配，则该文件将被视为已排除。
• 如果文件夹的名称与模式匹配，则此文件夹及其子文件夹中的所有文件都将被排除在外。
  请注意，按名称模式排除的文件夹在“Project”工具窗口中标记为排除，但不会添加到“Excluded Folders”列表中。

例子

如下图所示，模式 *mal.ts 使文件 mammal.ts 和 animal.ts 被排除。

模式 lib 会排除这两个文件夹 -lib 和 src/lib。

要仅排除lib文件夹，请在“Directories”页面上选择它，然后单击“Excluded”。

使用多个根文件夹

你的项目中可以有多个根文件夹。这可以处理来自多个没有共同直接父目录的文件。使用静态内容时，这很有帮助。可以将它们全部保存在一个文件夹中，然后将此文件夹添加为多个项目中的根文件夹。
在“设置”对话框中，单击Directories。

• 要添加根文件夹，请单击右侧窗格中的“Add Content Root”，然后在打开的对话框中选择所需的文件夹。
  
• 要删除根文件夹，请在右侧窗格中选择它，然后单击关闭按钮。