Webstorm強大的定位功能，使用詳解

Webstorm前端開發工具，內建有強大的檔案定位功能，下面來看下具體怎麼使用。

操作方法

（01）開啟Webstorm，並開啟一個專案，在一個html檔案裡，我們可以看到有引入了一些js檔案。

（02）按住鍵盤上的command鍵（windows上，應該是ctrl鍵），然後滑鼠移到這個指令碼檔案上時，就會出現一個下劃線，點選滑鼠左鍵。

（03）點選後，在編輯器上就會開啟這個指令碼檔案了，十分方便，在專案檔案多時，不再需要逐層查詢檔案所在的地方了。（引入的css檔案，同樣支援這樣開啟）

（04）在html檔案上的js程式碼裡，通過點選呼叫的方法，我們也可以定位到其所在的檔案。同樣是按住鍵盤上的command鍵，然後點選這個add_some()方法。

（05）點選後，同樣會開啟定義該方法的檔案，還會具體定位到該方法所定義的行裡，如圖，該方法加上了淺淺的背景色。

（06）除了指令碼檔案能定位得到，我們的樣式檔案也同樣能定義，如圖，在一個元素的class裡，我們同樣是按住鍵盤上的command鍵，滑鼠移動上去後，就可以看到樣式名會變顏色，還有提示該樣式所在的檔案。

（07）滑鼠點選左鍵，則會開啟該樣式檔案，並者定位到具體的樣式定義上。