酷知百科網

位置:首頁 > 遊戲數碼 > 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張