1. webstorm里使用git bash
webstorm內(nèi)置terminal為Command Prompt。linux的指令,比如clear,ls等都無法使用??赏ㄟ^以下設(shè)置將terminal改為git bash
參考資料:如何將 Git Bash 整合進 WebStorm?
2. import時通過webpack設(shè)置了別名alias,如何恢復(fù)webstorm路徑提示和ctrl跳轉(zhuǎn)
webstorm有針對webpack的設(shè)置,F(xiàn)ile > Settings > Languages and Frameworks >JavaScript | Webpack,然后選擇有配置alias的文件就行了,一般為webpack.base.conf.js。
參考資料:當在Webpack里配置了別名之后,Webstorm里可以設(shè)置路徑提示嗎
3. webstorm卡頓——改變內(nèi)存占用,提升速度
這個看過很多教程,基本都是讓修改WebStorm.exe.vmoptions這個文件。
路徑如下
webstorm安裝主目錄>bin>WebStorm.exe.vmoptions
更改為
第二行:-Xms526m
第三行:-Xmx1024m
其實,webstorm可以用自定義的vmoptions,不用修改WebStorm.exe.vmoptions,而且自定義的入口非常方便:
Help > Edit Custom VM Options。
我的筆記本配置是16G內(nèi)存,配置如下:
# custom WebStorm VM options
-Xms1024m
-Xmx4096m
-XX:ReservedCodeCacheSize=512m
-XX:+UseConcMarkSweepGC
-XX:SoftRefLRUPolicyMSPerMB=100
-ea
-Dsun.io.useCanonCaches=false
-Djava.net.preferIPv4Stack=true
-XX:+HeapDumpOnOutOfMemoryError
-XX:-OmitStackTraceInFastThrow
另外,還可以在Setting里進一步優(yōu)化。
參考資料:How to speed up WebStorm
4. webstorm 右下角顯示內(nèi)存占用
Settings > Appearance & Behavior > Appearance | Window Options里,勾選Show memory indicator


5. webstorm里import時使用單引號
Setting > Editor > Code Style > HTML里,選項Generated quote marks,選擇Single。
參考資料:WebStorm 里 import 文件的時候使用單引號
6. webstorm 使用內(nèi)置的git工具——compare with branch解決沖突
執(zhí)行g(shù)it pull后,如果有大量文件沖突,可以通過
右鍵 > Git > compare with banch 來直觀的對比每一個有沖突的文件和遠程分支的差異,然后選擇接受本地或遠程。
參考資料:webstorm中g(shù)it的使用
7. 手機訪問webstorm做的頁面,根據(jù)IP地址訪問出錯
webstorm需要設(shè)置為【允許外部連接訪問】
Setting > Build, Exection, Deployment > Debugger里,勾選 can accept external connections,同時Port改為4位。
參考資料:解決webstorm本地IP訪問頁面出錯的問題
8. webstorm高亮后端模板(如.ftl文件)
打開Webstorm的setting,可以使用快捷鍵:“Ctrl + Alt + s”打開setting之后,在Editor中的File Types(也可以直接用setting的搜索功能搜索file types) 中的Recognized File Types框中選擇Html Files(因為ftl和tpl模板本身就是html文件,所以就用html文件的高亮格式即可),然后在Registered Patterns中添加“”.ftl“或者”“.tpl”。點擊ok即可
參考資料:webstorm如何高亮顯示.ftl模板文件
9. JetBrains系列WebStorm等中文輸入法無法跟隨光標
我自己筆記本外接2個顯示屏,其中1個只webstorm用。在webstorm里輸入中文時,如果顯示的輸入法不跟隨(在別的屏幕里),直接將輸入法拖入webstorm所在屏幕內(nèi)的右側(cè),這樣雖然依然不跟隨,最起碼是在同一個屏幕內(nèi)。也可以嘗試如下方法:
參考資料:JetBrains系列WebStorm等中文輸入法無法跟隨光標的問題的解決辦法