酷知百科網

位置:首頁 > 遊戲數碼 > IT技術

mac下的webstorm開發工具優化設定

IT技術1.7W

webstorm是一個專爲前端開發的編輯工具,對HTML,JS,CSS的開發有很好的支援。下面一起來看下在mac下怎麼對其進行優化設定

調整代碼文字大小

(01)默認下,代碼的文字顯示太小,不利於保護眼睛。

mac下的webstorm開發工具優化設定

(02)點擊系統選單欄上的“WebStorm”,在彈出的選單上點擊“Preferences"

mac下的webstorm開發工具優化設定 第2張

(03)彈出視窗,點擊左邊的“Editor"

mac下的webstorm開發工具優化設定 第3張

(04)展開Editor欄,點擊裏面的“Font”

mac下的webstorm開發工具優化設定 第4張

(05)然後在右邊的Size輸入框裏,輸入適合自己的文字大小,我這裏輸入的是18

mac下的webstorm開發工具優化設定 第5張

(06)看下現在的代碼,明顯比剛纔的看得更舒服了

mac下的webstorm開發工具優化設定 第6張

顯示行號

(01)每個開發工具,我都希望其能顯示代碼的行號,因爲這太重要了。webstorm默認下也沒有顯示

mac下的webstorm開發工具優化設定 第7張

(02)還是在Preferences視窗,點擊左邊“Editor"下的“General"

mac下的webstorm開發工具優化設定 第8張

(03)展開後點擊裏面的“Appearance",

mac下的webstorm開發工具優化設定 第9張

(04)然後在右邊的視窗上,點擊勾選上“Show Line Numbers"

mac下的webstorm開發工具優化設定 第10張

(05)再看下現在的代碼,成功顯示出了對應的行號。

mac下的webstorm開發工具優化設定 第11張