webstorm配置常見問題及優(yōu)化

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


1.png
2.png

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等中文輸入法無法跟隨光標的問題的解決辦法

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 原文來自:http://www.itdecent.cn/p/4ce97b360c13 一、下載安裝包 Websto...
    神秘者007閱讀 31,064評論 1 22
  • Webstorm 這篇文章的閱讀量已經(jīng)超過 10 萬了。對于前端開發(fā),Vscode 基本成為默認開發(fā)工具,Webs...
    dkvirus閱讀 208,895評論 18 188
  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1、一個打包工具 2、一個模塊加載工具 3...
    Kevin_Junbaozi閱讀 7,022評論 0 16
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,568評論 19 139
  • ?sony mdr-d77??。。∪胧?超級興奮!這個中古耳機早就停產(chǎn)了!但是我在lofter上看到了一篇文,寫文...
    四塊錢的OHPAI閱讀 1,322評論 0 0

友情鏈接更多精彩內(nèi)容