Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>csonNew to Visual Studio Code? Get it now.
cson

cson

2658553345

|
118 installs
| (0) | Free
convert cson to json or reverse
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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 就能够识别了

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft