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

JetBrains是一家尖端的軟件供應(yīng)商，專門創(chuàng)建智能開發(fā)工具，包括IntelliJ IDEA--領(lǐng)先的Java IDE，以及Kotlin編程語言。無論你的團(tuán)隊(duì)是大是小，我們的產(chǎn)品將確保其在構(gòu)建和發(fā)送代碼、計(jì)劃工作和協(xié)作時(shí)始終有一個(gè)順利和愉快的體驗(yàn)。無論你用什么平臺(tái)或語言工作，JetBrains都有適合你的開發(fā)工具。

WebStorm 最新下載

在 WebStorm 中，content是你當(dāng)前正在使用的文件的集合，可能被組織在一個(gè)子文件夾的層次結(jié)構(gòu)中。一個(gè)項(xiàng)目的頂級(jí)文件夾是它的內(nèi)容根。

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

在內(nèi)容根目錄中配置文件夾

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

• 通過測(cè)試文件夾，可以將與測(cè)試相關(guān)的代碼與生產(chǎn)代碼分開保存。

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

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

配置文件夾的類別

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

  

• 或者，打開“設(shè)置”對(duì)話框 （），轉(zhuǎn)到“目錄”，然后配置文件夾的類別。Ctrl+Alt+S

還原文件夾的上一個(gè)類別

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

排除文件

如果現(xiàn)在不需要某個(gè)文件，但又不想完全刪除它，則可以暫時(shí)從項(xiàng)目中排除該文件。代碼完成、導(dǎo)航和檢查將忽略排除的文件。

• 要排除文件，請(qǐng)?jiān)?span id="44680e5c">“項(xiàng)目”工具窗口中右鍵單擊該文件，然后從菜單中選擇“覆蓋文件類型”。

  

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

  

  該文件在目錄樹中標(biāo)有圖標(biāo)。

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

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

1. 在“設(shè)置”對(duì)話框 （） 中，轉(zhuǎn)到“目錄”。Ctrl+Alt+S

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

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

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

請(qǐng)注意，按名稱模式排除的文件夾在“項(xiàng)目”工具窗口中標(biāo)記為已排除，但不會(huì)添加到“排除的文件夾”列表中。

例子

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

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

要僅排除 lib 文件夾，請(qǐng)?jiān)?span id="6869271f">目錄頁面上選擇它，然后單擊排除。

使用多個(gè)內(nèi)容根目錄

項(xiàng)目中可以有多個(gè)內(nèi)容根。這使您可以處理來自沒有公共直接父級(jí)的多個(gè)目錄中的文件。這在使用靜態(tài)內(nèi)容（例如圖標(biāo)）時(shí)非常有用。您可以將它們?nèi)勘４嬖谝粋€(gè)文件夾中，然后將此文件夾作為內(nèi)容根目錄添加到多個(gè)項(xiàng)目中。

在“設(shè)置”對(duì)話框 （） 中，單擊“目錄”。Ctrl+Alt+S

• 若要添加內(nèi)容根目錄，請(qǐng)單擊右側(cè)窗格中的“添加內(nèi)容根目錄”，然后在打開的對(duì)話框中選擇所需的文件夾。

  

• 若要?jiǎng)h除內(nèi)容根目錄，請(qǐng)?jiān)谟覀?cè)窗格中選擇它，然后單擊它旁邊的。Cancel確認(rèn)刪除。請(qǐng)注意，不會(huì)物理刪除相應(yīng)的文件夾。

以上便是配置項(xiàng)目結(jié)構(gòu)的教程，如果您有其他問題也可以繼續(xù)瀏覽本系列文章，獲取相關(guān)教程，你還可以給我留言或者加入我們的官方技術(shù)交流群。

歡迎下載|體驗(yàn)更多Jetbrains產(chǎn)品

獲取更多信息請(qǐng)咨詢  ；Jetbrains技術(shù)交流群（QQ）：786598704