Cloud Snippet
云 Snippet，可动态添加管理代码片段，实现个人和团队的代码片段开发
使用插件
- 打开 vscode 插件市场，搜索关键字 cloudsnippet，点击安装插件
2、添加代码片段
- 选中一段代码，鼠标右键展开右键菜单栏，点击 云代码片段：添加代码片段
**
3、打开了代码片段管理界面
- 编辑器内的代码会自动填充到片段内容输入框
- 填写代码片段必要的信息
- 片段类型：私人片段、团队片段
- 私人片段个人独享，团队片段团队成员共享（需创建团队或者加入自己的团队）
- 片段语言：指定片段语言后，片段会在特定的文件中生效，可多选
- js 代码片段一般都指定 .js/.jsx/.ts/.tsx 文件中同时生效
- 目前已支持的文件格式：.js/.jsx/.ts/.tsx/.html/.xtpl/.json/.css/.less/.scss/.vue，如您有更多文件扩展，请联系@北渚添加
- 片段名称：片段名唯一
- 片段描述：让使用者一眼明白代码片段是干嘛的
- 触发片段提示关键字：尽量简短，和代码片段有关联，可设置多个
- 片段内容：包含占位符，比如 $1，${1:默认值}，占位符可使用 tab 键快速切换光标
4、创建成功，使用代码片段
在 vscode 中实际使用效果
- 1、输入 share 关键字，vscode 会展示代码片段提示，按 Enter 键使用片段，生成代码
- 2、按 Tab 可快速切换片段设置的 $1、$2 占位光标，便于快速修改参数
代码片段效果截图
5、vscode 插件配置
- snippetType：配置云代码片段使用范围
- Team：仅使用团队片段
- Person：仅使用个人片段
- All：使用团队和个人片段
- snippetPrefix：配置云代码片段触发智能提示前缀，默认 cs
- 当在 vscode 中输入 cs 时，会显示所有代码片段，便于快速查找当前需要的片段
输入 cs 展示所有代码片段
片段团队管理
上面我们已经知道，可以创建私人片段、团队片段，私人片段只能个人独享，团队片段团队成员皆可使用，接下来展示如何来创建团队和管理团队，进入 云代码片段 web 平台，或者从 vscode 代码片段插件进入。
1、创建团队
2、添加团队成员
- 将您团队的成员全部添加到团队中，即可与他们共享团队的代码片段
3、添加团队代码片段
- 鼠标右键打开插件
- 片段添加成功后，会有 CloudSnippet 插件将数据同步到本地 IDE，可立即使用该片段
| |
