WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為"Web前端開發神器""最強大的HTML5編輯器""最智能的JavaSscript IDE"等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

JetBrains是一家尖端的軟件供應商，專門創建智能開發工具，包括IntelliJ IDEA--領先的Java IDE，以及Kotlin編程語言。無論你的團隊是大是小，我們的產品將確保其在構建和發送代碼、計劃工作和協作時始終有一個順利和愉快的體驗。無論你用什么平臺或語言工作，JetBrains都有適合你的開發工具。

WebStorm 最新下載

在 WebStorm 中，content是你當前正在使用的文件的集合，可能被組織在一個子文件夾的層次結構中。一個項目的頂級文件夾是它的內容根。

你可以添加任何文件夾作為你項目的一部分。要做到這一點，只需在 "目錄 "頁面上把這個文件夾作為一個新的內容根添加，如在 "使用多個內容根 "中所述。

在內容根目錄中配置文件夾

在內容根目錄中，WebStorm 可以區分包含您編輯的源代碼的文件夾和包含其他類型的內容的文件夾。默認情況下，任何文件夾都被視為源，除非將其標記為其他類型，否則會用 表示：

• 通過測試文件夾，可以將與測試相關的代碼與生產代碼分開保存。

• 資源根文件夾：可以相對于這些文件夾引用資源根文件夾中的文件，而不是指定完整路徑。 例如，當您開始在 HTML 標記的屬性中鍵入時，自動完成功能將建議資源根文件夾中的圖像。srcimg

• 代碼完成、導航和檢查將忽略排除的文件夾。排除您目前不需要的文件夾和特定文件，這有助于您提高 WebStorm 性能。

配置文件夾的類別

• 右鍵單擊“項目”工具窗口中的文件夾，從上下文菜單中選擇“將目錄標記為”，然后選擇所需的類別。

  

• 或者，打開“設置”對話框 （），轉到“目錄”，然后配置文件夾的類別。Ctrl+Alt+S

還原文件夾的上一個類別

• 右鍵單擊“項目”工具窗口中的文件夾，從上下文菜單中選擇“將目錄標記為”，然后選擇“取消標記為當前類別<>。對于“排除的文件夾”，選擇“取消排除”。

排除文件

如果現在不需要某個文件，但又不想完全刪除它，則可以暫時從項目中排除該文件。代碼完成、導航和檢查將忽略排除的文件。

• 要排除文件，請在“項目”工具窗口中右鍵單擊該文件，然后從菜單中選擇“覆蓋文件類型”。

  

  從“選擇文件類型”列表中，選擇“純文本”。

  

  該文件在目錄樹中標有圖標。

• 若要還原更改，請右鍵單擊該文件，從菜單中選擇“覆蓋文件類型”，然后從“選擇文件類型”列表中選擇原始文件類型。

按名稱模式排除文件和文件夾

1. 在“設置”對話框 （） 中，轉到“目錄”。Ctrl+Alt+S

2. 在“排除文件”字段中，鍵入定義要排除的文件和文件夾名稱的掩碼，例如 或 。使用分號作為分隔符。

• 如果文件的名稱與這些模式中的任何一個匹配，則該文件將被視為已排除。

• 如果文件夾的名稱與模式匹配，則會排除此文件夾及其子文件夾中的所有文件。

請注意，按名稱模式排除的文件夾在“項目”工具窗口中標記為已排除，但不會添加到“排除的文件夾”列表中。

例子

如下圖所示，該模式使文件哺乳動物.ts和動物.ts被排除。

該模式排除了兩個文件夾 - lib 和 src/lib。lib

要僅排除 lib 文件夾，請在目錄頁面上選擇它，然后單擊排除。

使用多個內容根目錄

項目中可以有多個內容根。這使您可以處理來自沒有公共直接父級的多個目錄中的文件。這在使用靜態內容（例如圖標）時非常有用。您可以將它們全部保存在一個文件夾中，然后將此文件夾作為內容根目錄添加到多個項目中。

在“設置”對話框 （） 中，單擊“目錄”。Ctrl+Alt+S

• 若要添加內容根目錄，請單擊右側窗格中的“添加內容根目錄”，然后在打開的對話框中選擇所需的文件夾。

  

• 若要刪除內容根目錄，請在右側窗格中選擇它，然后單擊它旁邊的。Cancel確認刪除。請注意，不會物理刪除相應的文件夾。

以上便是配置項目結構的教程，如果您有其他問題也可以繼續瀏覽本系列文章，獲取相關教程，你還可以給我留言或者加入我們的官方技術交流群。

歡迎下載|體驗更多Jetbrains產品

獲取更多信息請咨詢  ；Jetbrains技術交流群（QQ）：786598704