简介

garyge-snippets是一款专为React开发者设计的VS Code插件。它不仅提供了丰富的内置React代码片段，还支持通过远程URL自定义模板，让您的开发更加灵活和高效。

安装

• 在VS Code插件市场中搜索"garyge-snippets"并安装该插件。
• 安装完成后，您可以在VS Code的插件市场中查看详细信息。

快捷键查看

• Linux: Ctrl + P
• macOS: ⌘ + P
• Windows: Ctrl + P

自定义模板

• 除了内置的常用React开发代码片段外，该插件还支持连接远程代码片段源。
• 默认情况下，插件会使用设置的default URL，您可以在VS Code的设置中通过修改"reactSnippets.settings.remoteUrl"来重定向到您自己的代码片段源。

配置选项

以下是插件支持的VS Code配置项：

远程remoteUrl返回的JSON格式

[
  // 片段一
  {
    "key": "gary-reactTest", // 唯一标识，最好是唯一的，不然可能会被覆盖不生效
    "prefix": "gary-react", // 文件中输入代码简写可触发的代码片段选择
    "body": [ // body 代码片段体，$1...等支持光标位置停留，规则跟本地VS Code自定义代码片段一致
      "import React from 'react'",
      "const $1='test'"
    ]
  },
  // 片段二
  {
    "key": "gary-reactTest2",
    "prefix": "gary-reactTest2",
    "body": [
      "import React from 'react'",
      "const a='test2'"
    ]
  }
]

内置的模板片段

garyge-snippets提供了丰富的内置React代码片段，帮助您快速编写React代码，提升开发效率。