網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

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

欄目: IT技術 / 發佈於: / 人氣:1.64W

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張