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

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

操作方法

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

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

（03）點擊後，在編輯器上就會開啟這個腳本檔案了，十分方便，在項目檔案多時，不再需要逐層查找檔案所在的地方了。（引入的css檔案，同樣支援這樣開啟）

（04）在html檔案上的js代碼裏，透過點擊調用的方法，我們也可以定位到其所在的檔案。同樣是按住鍵盤上的command鍵，然後點擊這個add_some()方法。

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

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

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