HBuilderX對json的優化有多強
json是一種對計算機友好,對人不友好的文件格式。
以前都是服務器生成json,前端程序員很少手寫json。
但現代前端開發裏,json的應用範圍越來越多,各種配置文件、js的export裏,全是json,寫起來讓人倍感痛苦,遍地是坑。
比如半角符號錯輸成全角,比如少了逗號或結尾多了逗號,比如沒有語法提示和代碼塊,比如鍵值對的選中和複製很低效…
HBuilderX提供了多項優化技巧,達到最好的json編輯體驗。學會這些,效率翻倍!
中文符號免干擾輸入
在HBuilderX裏寫json,不用管輸入法狀態,如果光標位置應該是半角符號,即使你按下全角符號也會自動變成半角。
當然在字符串裏,按下全角符號不會被轉換半角; 舒暢書寫,不用分神,不用緊張。
其實中文符號免干擾輸入是HBuilder多年來一直的亮點,不止是json,在html、js、css、vue裏都支持中文符號免干擾輸入。
我們深切體會中國程序員的痛苦,並動手做出改進。
回車時自動補行尾逗號
不用擔心回車時什麼時候該輸入行尾逗號,什麼時候不輸入。
HBuilderX會自動識別是否需要逗號,並在回車時把缺失的逗號自動補齊。
保存時自動刪除數組或鍵值對結尾的多餘逗號
我們複製一段json時,經常把行尾的逗號也複製過來,但最後一行其實是不能用逗號的,還得記得手動刪除。
HBuilderX在保存時會自動清理這些不合法的逗號,無需操心太多。
KeyValue代碼塊,像寫excel那樣寫鍵值對
在js的json裏敲kv,會出現KeyValue代碼塊,
回車後生成這樣的鍵值對
此時敲完key的文字,然後按tab,就可以把光標自動轉到value那裏並選中value,然後繼續敲value的內容即可。 不用再被敲冒號逗號打斷,專注於寫KeyValue內容,就像用excel。
注:此功能在純json文件中不生效,僅在js中使用json時生效。
智能雙擊,快速選中數組或鍵值對
當我們想選中一段數組或鍵值對,不管是準備複製還是刪除,過去都需要拖動。 而拖動選擇其實是一個極其低效又損傷手的行爲:按下食指鼠標或觸摸板,不能鬆開繼續拖動到結尾,這個過程緩慢且食指神經一直緊張。
HBuilderX提供了強大的智能雙擊
來解決這個問題,具體在json中:
- 雙擊逗號左部,是選中逗號以前的鍵值對或數組
- 雙擊逗號右部,是選中逗號以後的鍵值對或數組
- 雙擊行尾,選中整行
- 雙擊括號內側,選中括號內的內容
- 按下Alt同時雙擊括號內側,選中括號內的內容(包含括號)
- 雙擊引號內側,選中引號內的內容
- 按下Alt同時雙擊引號內側,選中引號內的內容(包含引號)
瞭解更多智能雙擊,點HBuilderX的選擇菜單。所有雙擊都支持搭配Ctrl實現多選。HBuilderX完善的多光標支持讓操作效率如虎添翼。
快速重複插入
當你想重複插入一段鍵值對或數組時,最快捷的方式不是複製然後找新位置粘貼,而是使用快速重複插入功能。 windows上是Ctrl+Insert或Ctrl+Shift+r,mac上是Command+Shift+r。
語法提示
很多js方法把多個參數合併爲一個json對象,那麼這些參數的語法提示怎麼辦? HBuilderX也有完美的json參數語法提示支持。
如果參數裏有回調函數,還可以在回車時自動生成匿名函數,如下:
多想業務,少爲形式浪費時間,這是HBuilderX要幫助開發者做到的事。
另外某些特殊的配置文件,比如uni-app裏的pages.json,也支持語法提示,以提升編程效率。
保存時自動校驗語法
json和js的校驗是HBuilderX內置的,都是在保存時會校驗語法,每處錯誤會標記紅色波浪線,按F4可跳轉到下個錯誤。
掌握這些技巧,開啓你的高效之旅!