webstorm怎麼更改檔名稱?或者是重新命名

在開發的過程中,我們一個專案中會有很多的檔案,每個檔案中也會有很多的層級關係,有時候新建一個檔案的時候,一不下心就會出錯,位置出錯我們可以移動更換位置,名稱命名錯誤,我們可以重新命名,在這裡教大家使用webstorm的時候如何重新命名檔案?

1、首先開啟我們的專案,這裡我為了演示如何重新命名,新建了一個小專案,如下圖所示:

webstorm怎麼更改檔名稱?或者是重新命名

2、我們雙擊左側導航的index。html,開啟該文章,然後滑鼠點選左側的index。html,呈現選中狀態,如下圖所示:

webstorm怎麼更改檔名稱?或者是重新命名

3、然後我們找到工具欄,正數第六個,Refactor,點選Refactor下的Rename,如下圖所示:

webstorm怎麼更改檔名稱?或者是重新命名

4、直接在輸入框內填寫正確的檔名稱即可,我這裡修改為book。html,下面兩個單選框的意思是所有引用到這個檔案的地方都要更改,或註釋中也都要更改,如下圖所示:

webstorm怎麼更改檔名稱?或者是重新命名

5、然後我們點選Refactor重構即可,等待重構完成,頁面上已經顯示更改過來了,如下圖所示:

webstorm怎麼更改檔名稱?或者是重新命名

6、還有一個也是特別簡便的方法,我們直接在想要更改的檔案上右擊,如下圖所示:

webstorm怎麼更改檔名稱?或者是重新命名

7、同樣我們選擇Refactor 下的Rename,然後再把名字更改成index。html,然後確定,如下圖所示:

webstorm怎麼更改檔名稱?或者是重新命名

8、我們再回到頁面中來看,如下圖所示的那樣,名稱已經更改過來:

webstorm怎麼更改檔名稱?或者是重新命名

9、本文提到的兩種方法大家自己選擇,個人習慣是直接在頁面中右鍵更改,當然了適合自己的才是最好的。