彩票走势图

前端开发工具WebStorm使用教程(五):配置项目结构

翻译|使用教程|编辑:颜馨|2023-04-21 10:38:46.140|阅读 150 次

概述:本文主要介绍在WebStorm 中配置项目结构,欢迎查阅~

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为"Web前端开发神器""最强大的HTML5编辑器""最智能的JavaSscript IDE"等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

JetBrains是一家尖端的软件供应商,专门创建智能开发工具,包括IntelliJ IDEA--领先的Java IDE,以及Kotlin编程语言。无论你的团队是大是小,我们的产品将确保其在构建和发送代码、计划工作和协作时始终有一个顺利和愉快的体验。无论你用什么平台或语言工作,JetBrains都有适合你的开发工具。

WebStorm 最新下载

在 WebStorm 中,content是你当前正在使用的文件的集合,可能被组织在一个子文件夹的层次结构中。一个项目的顶级文件夹是它的内容根。

你可以添加任何文件夹作为你项目的一部分。要做到这一点,只需在 "目录 "页面上把这个文件夹作为一个新的内容根添加,如在 "使用多个内容根 "中所述。

在内容根目录中配置文件夹

在内容根目录中,WebStorm 可以区分包含您编辑的源代码的文件夹和包含其他类型的内容的文件夹。默认情况下,任何文件夹都被视为,除非将其标记为其他类型,否则会用 Source folder表示

  • 通过测试文件夹,可以将与测试Tests folder相关的代码与生产代码分开保存。

  • 资源根文件夹:可以相对于这些文件夹引用资源根Resources root文件夹中的文件,而不是指定完整路径。 例如,当您开始在 HTML 标记的属性中键入时,自动完成功能将建议资源根文件夹中的图像。srcimg

  • 代码完成、导航和检查将忽略排除的Excluded文件夹。排除您目前不需要的文件夹和特定文件,这有助于您提高 WebStorm 性能。

配置文件夹的类别

  • 右键单击“项目”工具窗口中的文件夹,从上下文菜单中选择“将目录标记为”,然后选择所需的类别。

    Choosing the folder category
  • 或者,打开“设置”对话框 (),转到“目录”,然后配置文件夹的类别。Ctrl+Alt+S

还原文件夹的上一个类别

  • 右键单击“项目”工具窗口中的文件夹,从上下文菜单中选择“将目录标记为”,然后选择“取消标记为当前类别<>。对于“排除文件夹”,选择“取消排除”。

排除文件

如果现在不需要某个文件,但又不想完全删除它,则可以暂时从项目中排除该文件。代码完成、导航和检查将忽略排除的文件。

  • 要排除文件,请在“项目”工具窗口中右键单击该文件,然后从菜单中选择“覆盖文件类型”。

    Exclude a file from project: override file type

    从“选择文件类型”列表中,选择“纯文本”。

    Exclude a file from project: select file type

    该文件在目录树中标有Plain text图标。

  • 若要还原更改,请右键单击该文件,从菜单中选择“覆盖文件类型”,然后从“选择文件类型”列表中选择原始文件类型

按名称模式排除文件和文件夹
  1. “设置”对话框 () 中,转到“目录”。Ctrl+Alt+S

  2. 在“排除文件”字段中,键入定义要排除的文件和文件夹名称的掩码,例如 或 。使用分号作为分隔符。
  • 如果文件的名称与这些模式中的任何一个匹配,则该文件将被视为已排除。
  • 如果文件夹的名称与模式匹配,则会排除此文件夹及其子文件夹中的所有文件。

请注意,按名称模式排除的文件夹在“项目”工具窗口中标记为已排除,但不会添加到排除的文件夹”列表中。

例子

如下图所示,该模式使文件哺乳动物.ts和动物.ts被排除。

Excluding files by name

该模式排除了两个文件夹 - lib 和 src/lib。lib

Excluding folders by name

要仅排除 lib 文件夹,请在目录页面上选择它,然后单击排除

Excluding a specific folder explicitly
使用多个内容根目录

项目中可以有多个内容根。这使您可以处理来自没有公共直接父级的多个目录中的文件。这在使用静态内容(例如图标)时非常有用。您可以将它们全部保存在一个文件夹中,然后将此文件夹作为内容根目录添加到多个项目中。

“设置”对话框 () 中,单击“目录”。Ctrl+Alt+S

  • 若要添加内容根目录,请单击右侧窗格中的“添加内容根目录”,然后在打开的对话框中选择所需的文件夹。

    Add new content root


  • 若要删除内容根目录,请在右侧窗格中选择它,然后单击它旁边的。Cancel确认删除。请注意,不会物理删除相应的文件夹


以上便是配置项目结构的教程,如果您有其他问题也可以继续浏览本系列文章,获取相关教程,你还可以给我留言或者加入我们的官方技术交流群。


欢迎下载|体验更多Jetbrains产品

获取更多信息请咨询  ;Jetbrains技术交流群(QQ):786598704


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP