cson README
这个插件的开发背景就是,vscode 虽然支持用户自定义代码片段,但是却支持 JSON 格式,对于处理多行的场景十分难受。尤其是将已有的一大段代码转换成标砖的语法片段的时候,需要手动的添加\n 之类的,而且后期去改的时候,可读性不强。
Features
- 支持 cson 和 json 格式的互相转换,用来方便的添加自定义语法
Examples
{
"classNames.bind(styles)": {
"prefix": "cx",
"body": ["<div className={cx('$1')}>{$2}</div>"],
"description": "classNames"
},
"styles modules": {
"prefix": "sty",
"body": [
"<div className={styles.$1}></div>\n<div className={styles.$1}></div>\n<div className={styles.$1}></div>"
],
"description": "styles module"
}
}
'classNames.bind(styles)':
prefix: 'cx'
body: [
"<div className={cx('$1')}>{$2}</div>"
]
description: 'classNames'
'styles modules':
prefix: 'sty'
body: [
'''
<div className={styles.$1}></div>
<div className={styles.$1}></div>
<div className={styles.$1}></div>
'''
]
description: 'styles module'
当自定义代码片段的时候,先将 JSON 格式转换成 CSON 格式,这样方便直接复用已有的代码片段,编辑结束后转换成 JSON 格式,这样 vscode 就能够识别了
| |