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代碼塊,

HBuilderX對json的優化有多強 - 图1

回車後生成這樣的鍵值對

HBuilderX對json的優化有多強 - 图2

此時敲完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對json的優化有多強 - 图3

如果參數裏有回調函數,還可以在回車時自動生成匿名函數,如下:

HBuilderX對json的優化有多強 - 图4

多想業務,少爲形式浪費時間,這是HBuilderX要幫助開發者做到的事。

另外某些特殊的配置文件,比如uni-app裏的pages.json,也支持語法提示,以提升編程效率。

保存時自動校驗語法

json和js的校驗是HBuilderX內置的,都是在保存時會校驗語法,每處錯誤會標記紅色波浪線,按F4可跳轉到下個錯誤。

掌握這些技巧,開啓你的高效之旅!