Sublime 很強(qiáng)大，但是在項(xiàng)目越來越大而復(fù)雜的時(shí)候，會(huì)顯得力不從心。比如函數(shù)追蹤功能的確實(shí)，找個(gè)創(chuàng)建函數(shù)的地方很麻煩

這時(shí)候就該 WebStorm 出場了

0、無法輸入中文句號、頓號等是 JDK 的問題，要解決需要將 Mac 自帶的 JDK 降級(無需要可以不管他)。

啟動(dòng)后會(huì)掃描項(xiàng)目目錄建立索引，node_modules 目錄文件太多，需要排除：右鍵 > Mark Directory As > Excluded。

項(xiàng)目目錄中會(huì)生成一個(gè)?.idea 目錄，刪除這個(gè)目錄即可刪除 webstorm 中的項(xiàng)目

1、側(cè)邊欄文件名顏色問題：當(dāng)項(xiàng)目為 git 進(jìn)行版本控制的時(shí)候，文件的不同狀態(tài)會(huì)有顏色，默認(rèn)的很難看。在這個(gè)位置配置各種顏色。通常這里的配置需要重啟才能生效

2、WebStorm 具有自動(dòng)保存的功能，通常喜歡手動(dòng)保存，那么進(jìn)行以下配置

首先取消自動(dòng)保存

勾選這個(gè)選項(xiàng)后，文件變動(dòng)而未保存，文件名前面才會(huì)出現(xiàn)星號，否則沒有什么明顯的提示

3、ESLint 進(jìn)行代碼校驗(yàn)：首先全局和項(xiàng)目內(nèi)都安裝好 ESLint 配置好 node 的路徑，和 eslint 的路徑即可。語法有問題的地方，會(huì)有下波浪線提示。使用 alt + shit + i 也能進(jìn)行當(dāng)前文件的語法校驗(yàn)。

4、開啟自動(dòng)換行

5、修改 Emmet 快捷鍵

6、多列顯示的方法：在 tab 上右鍵，選擇 open new tab... ；不同列之間移動(dòng) tab 不能拖動(dòng)，只能右鍵選擇 Move to opposite group

7、修改文件解析的類型：新建了一個(gè)文件，擴(kuò)展名用錯(cuò)了，修改擴(kuò)展名后 webstorm 語法解析不能自動(dòng)變成擴(kuò)展名的語法，需要在 File ->Associate with File Type... 中修改

最后，導(dǎo)出設(shè)置：File > Export Settings導(dǎo)出用戶設(shè)置；導(dǎo)出后的配置以jar包的形式存在，導(dǎo)入也同樣簡單，File > Import Settings，選擇jar包導(dǎo)入成功后，重啟WebStorm就大功告成了

常用快捷鍵：

alt + shit + i ?代碼檢測

ctrl + z | ctrl + shift + z ?撤銷和重做

ctrl + d ?復(fù)制當(dāng)前行

ctrl + x 刪除當(dāng)前行

ctrl + shift + ↑|↓ ?移動(dòng)當(dāng)前塊(不只是當(dāng)前行，比如一個(gè)對象字面量采用多行的寫法，會(huì)整個(gè)移動(dòng))

win + g ?用來選中多個(gè)相同的元素，同 Sublime 的 ctrl + d

自己修改的配置文件，鮮明的配色和貼合 Sublime 使用習(xí)慣的快捷鍵：

http://pan.baidu.com/s/1dFsgv8d

總結(jié)

以上是生活随笔為你收集整理的webstorm 波浪线_WebStorm 使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。