DCloud_heavensoft
DCloud_heavensoft
  • 发布:2018-07-28 09:36
  • 更新:2021-01-07 17:42
  • 阅读:51033

HBuilderX对json的优化有多强

分类:HBuilder

本帖文档已集成到: hx产品文档

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可跳转到下个错误。

掌握这些技巧,开启你的高效之旅!

9 关注 分享
2***@qq.com lhyh DCloud_iOS_XHY dashuai 3***@qq.com 1***@qq.com a***@163.com 1***@163.com END丶YunFeng

要回复文章请先登录注册

BaseCloud

BaseCloud

回复 DCloud_heavensoft :
测试了一下,在同一个js文件中是有提示功能的,但是如果 Vue.prototype.$a 和 uni.$a 这种场景下,使用 this.$a.xxx 或 uni.$a.xxx 的时候就没有提示,使用方式不对,还是不支持呢?
2021-01-07 17:42
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 BaseCloud :
可以,有jsdoc,https://www.html5plus.org/doc/jsdocp.html
2021-01-07 16:58
BaseCloud

BaseCloud

自定义的js方法,能否像uniapp的API方法一样拥有智能提示的功能?目前只知道组件是可以的,自定义js方法希望也能有类似的支持。
2021-01-07 11:15
y***@126.com

y***@126.com

回复 DCloud_heavensoft :
uniapp,返回的JSON数据,每个版本都是
2021-01-07 09:11
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 BaseCloud :
属性双引号内部的转换,这个场景后续会改成不自动转英文覆盖。目前撤销一下也是中文
2021-01-06 21:47
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 4***@qq.com :
微信组件支持app和h5,除非调用了微信特有的能力
2021-01-06 21:45
BaseCloud

BaseCloud

回复 BaseCloud :
转的时候,判断一下上下文语境会更强大,上下文都是中文就不要转了嘛~ 提供一个自动转的开关也好,毕竟你不说我也真不知道还有这个功能特性,还总觉得是个bug ^_^
2021-01-06 19:11
BaseCloud

BaseCloud

中文符号免干扰输入,这个功能很强大,但是有时候也总会打乱输入节奏,比如:

```html
<intro title="我想输入一个带中文逗号的中文句子,它居然给我转成了英文逗号!"></intro>

```

此时我不得不另起一行,单独打一个中文逗号,然后剪切过来。

不自动转我可以手动按一下shift,它自动转了我就没办法敲出中文逗号了,这怎么解决!
2021-01-06 19:07
4***@qq.com

4***@qq.com

少出来吹牛,去干活,把微信组件弄来兼容app再说
2021-01-06 19:02
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 y***@126.com :
uni-app还是普通html?你说的是控制台打印的json,点开后看不全?HBuilderX版本是最新的吗?
2021-01-06 18:42