WebStorm是一款深受廣大程序員喜愛的JavaScript 開發和Web前端開發工具，完美適應各種復雜客戶端開發和Node.js的服務器端開發。它提供了許多有效地處理源代碼，項目文件和IDE設置的方法。讓我們來看看其中的一些：

IDE導航：了解如何快速切換設置并使用所有關鍵功能，即使您不記得它們的快捷方式也是如此。

文件導航：了解如何在項目中的文件和選項卡之間跳轉。

代碼導航：探索進入符號聲明并找到其用法的最快方法，以及如何瀏覽文件的結構。

點擊下載webstorm最新試用版

IDE導航

查找操作并切換WebStorm設置
您可以在WebStorm中執行許多操作，其中很多都有自己專用的快捷方式。但是，如果您不知道這些快捷方式是什么呢？或者，如果您忘記了操作的快捷方式，該怎么辦？快捷鍵就消除了這些問題！所有你需要做的就是按Ctrl + Shift + A 或者?? 一開始輸入您要執行的操作的名稱。鍵入時，列表會變小，因此您可以輕松找到操作。您甚至可以直接在“ 搜索”彈出窗口中運行它-只需按Enter即可。
通過搜索操作，可以輕松切換WebStorm設置。您不再需要瀏覽“設置/首選項”中的眾多頁面。您可以簡單地開始輸入所需內容，選擇操作，然后按Enter。WebStorm會將您直接帶到“ 設置/首選項”對話框中的右側頁面。
如果該操作調用了一個彈出窗口，則會顯示此彈出窗口，而不是“設置/首選項”對話框。

彈出窗口

文件導航

打開您最近使用過的文件
在執行任務時，您可能會在同一文件集合之間跳轉。獲取文件很容易。您可以按Ctrl + E /?E調用“ 最近的文件”彈出窗口，然后選擇所需的文件。
要縮小選項的范圍，請使用“ 速度”搜索功能。只需開始輸入所需文件的名稱，您將看到“ 搜索”字段。鍵入時，列表將變得更加完善。您也可以選擇僅顯示已更改復選框，以僅查看已修改的文件。

最后但并非最不重要的是，彈出窗口使您可以快速訪問所有工具窗口。它們在左側窗格中列出。

在整個項目中查找文件

好了，現在您已經知道重新打開文件是完全沒有問題的。但是，如果您需要一個已經打開了很長時間甚至根本沒有使用過的文件，該怎么辦？WebStorm再次提供了一種解決方案–只需按Ctrl + Shift + N / ??O并開始輸入文件名即可。即使您不記得文件的確切名稱，文件名稱的任何部分也可以使用。輸入時，建議列表將變得更加完善。選擇所需的文件，然后按Enter鍵。

如果您不知道文件的名稱是什么，但是知道文件包含的類或方法，則可能需要使用搜索符號（Ctrl + Shift + Alt + N /??O）。

在打開的文件之間跳轉

當您在大量的選項卡中打開大量文件時，如何找到所需的文件？Alt + Right / ??]或Alt + Left /??[會有所幫助！
更快地處理項目
在具有復雜文件夾結構的大型項目中，一種快速找到項目中文件的簡便方法是使用導航欄（Alt + Home /?↑）。此欄在活動的編輯器選項卡中顯示從項目根目錄到文件的路徑。使用箭頭鍵或鼠標指針，您可以瀏覽文件夾以找到所需的文件。

該導航欄是一個很好的選擇，以在搜索工程工具窗口。使用導航欄，您無需在瀏覽目錄后折疊其目錄。您可以繼續進行下一個，WebStorm會為您進行清理。

代碼導航

跳轉到符號聲明并找到其用法

WebStorm可以快速將您帶到符號聲明。為此，請將插入符號放置在變量，字段，方法或任何其他符號上，然后按Ctrl + B /?B。

符號聲明

如果您喜歡使用鼠標，可以按住Ctrl /?并將鼠標指針懸停在該符號上。當符號變成超鏈接時，單擊超鏈接。
要查看在何處使用了已聲明的符號，請將插入號放在符號聲明處，然后按Ctrl + B /?B。如果要跳至用法，請在列表中選擇它，然后按Enter。
當您已經使用一種符號，并且想要在“ 查找”工具窗口中查看其其他用法時，便需要使用 “ 查找用法”功能（Alt + F7 / ?F7）。在工具窗口中，您可以雙擊雙擊任何列出的用法。

查找用法

查看符號定義

通常，您要做的就是查看symbol的定義。不要將符號插入插入符號，然后按Ctrl + Shift + I / ?Space，而不是跳轉到符號的聲明并失去焦點。該定義將出現在彈出窗口中。
探索文件的結構和層次結構
如果文件很大且嵌套很深，則探索其結構和層次結構可能會花費大量時間和精力。但是，使用面包屑和“ 結構”工具窗口將變得更加容易。

面包屑顯示在編輯器的底部，并顯示當前打開的文件中的類，變量，函數，方法和標記的名稱。要到達所需的位置，只需單擊相應的面包屑。
使用“ 結構工具”窗口（Alt + 7 / ?7），您可以獲取當前文件結構的概述。
要查找元素，請在工具窗口區域中的任意位置開始輸入其名稱，然后按Enter鍵將其選中。按F4 /?↓跳至代碼中的所選元素。

如果您更喜歡彈出窗口而不是工具窗口，則可以使用“ 結構”視圖。

這就是今天我們的內容了。如果您有任何疑問或反饋，請隨時在下面的評論，對我們產品有興趣歡迎咨詢我們的。

標簽：