@ 碳- labs/ vscode- 片段
VSCode 碳设计系统的片断 SCSS
这个包提供了碳设计系统SCSS开发的代码片段, 兼容 VSCode,IBM Bob,以及其他基于 VSCode 的 IDEs.
安装
npm install @carbon-labs/vscode-snippets
或者说
yarn add @carbon-labs/vscode-snippets
软件包将自动向您的工程安装片段文件 .vscode
文件夹通过安装后脚本.
查看安装输出
要查看安装输出, 请使用 --foreground-scripts 旗帜 :
npm install @carbon-labs/vscode-snippets --foreground-scripts
片段文件
软件包安装了以下有组织的片段文件:
- 碳一般.代码片段 - 组合类BEM模式和@use进口
- 碳-linter-disables.code-spippets 碳-linter-disables.code-spippets 碳-l-disables 碳-l-disables.code-spippets - 斯泰林特禁用注释
- 碳相间距. code- sippets - 间距标志 (相距01至) 间隔-13美元
- 碳-打字法.代码-片段 - 类型样式 (@ 包括类型样式)
- 碳-运动.代码-片段 - 期限标志和运动搅拌器
- 碳主题.代码片段 - 与主题有关的片段
使用量
安装后, 您的 SCSS 文件中立即提供片段 . 只要开始输入片段前缀, IDE 将建议完成 .
示例片断
- 类型
block-class生成 BEM 块类结构 - 类型
@use spacing用于导入碳间距公用设备 - 类型
$spacing-05以插入间隔为 0 5 个符号 - 类型
type进入打字风格混音器
如何运作
- 安装后, 软件包会自动运行安装后脚本
- 脚本复制所有从软件包到您的项目的片段文件
.vscode/文件夹 - VSCode 和相容的 IDEs 自动加载全部
.code-snippets来自.vscode/ - 在您的 SCSS 文件中可以立即获取片段
兼容性
这个软件包与 :
- 视觉工作室代码 - 微软官方IDE
- IBM 鲍勃 - IBM的基于VSCode的 IDE
- V - 开源的VSCode建造
- 光标 - AI-动力VSCode的IDE
- 支持基于 VSCode 的任何其他 IDE
.code-snippets文件
页:1
- 在工作空间一级安装片段(
.vscode/文件夹) - 重运行的软件包安装将覆盖本地修改 片断文件
- 这个
.vscode/如果文件夹不存在, 将自动创建文件夹 - 已存在的碳片断文件( 来自以前的版本) 自动 安装前删除
发展
运行测试
该包包括对安装逻辑的全面测试:
cd packages/vscode-snippets
yarn test
测试覆盖 :
- 删除旧片段文件( 包括新旧软件包名称格式)
- 复制片段文件到
.vscode目录 - 文件系统操作处理出错
- 整个安装流程的综合测试
所有测试都使用被模拟的文件系统操作,并使用节点实验VM运行 用于支持ES模块的模块.
测试范围
- 涵盖所有安装情况的12个测试
- 在 CI 中自动运行每个 PR 并合并的测试
- ES模块支持的游戏
许可证
阿帕奇 - 2.0
捐款
此软件包是 碳实验室 单相机.