关于 spatie-javascript
这是一项用于在 JavaScript、TypeScript、Vue 文件及 Prettier 配置中应用 Spatie 编码规范的技能。它引导开发者从参考文档中选取相关规则。
主要功能
- 01JavaScript 与 TypeScript 风格规范
- 02Vue 单文件组件规则
- 03Prettier 配置指导
- 04命名与函数规则
- 05严格相等与解构指导
适用场景
- 01为 JavaScript 修改应用一致规范
- 02检查 TypeScript 或 Vue 代码
- 03为项目配置 Prettier
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ spatie/ guidelines-skills --skill spatie-javascript安装后在 Claude Code 中输入/spatie-javascript确认已加载。
附带文件references/spatie-javascript-guidelines.md
详细介绍
Spatie JavaScript 指南
概述
应用 Spatie 的 JavaScript 编码规范,让 JS/TS 代码保持一致且易读。
何时启用
- 进行任何 JavaScript 或 TypeScript 编码工作时启用此技能。
- 处理
.js、.ts、.jsx、.tsx或.vue文件时启用此技能。 - 为项目配置 Prettier 时启用此技能。
范围
- 适用范围:JavaScript、TypeScript、Vue 单文件组件、Prettier 配置。
- 不适用范围:PHP、Laravel、纯 CSS 文件、服务器配置。
工作流
- 确定要修改的 JavaScript、TypeScript、Vue 或 Prettier 产物。
- 阅读
references/spatie-javascript-guidelines.md,重点关注相关章节。 - 先应用 Prettier 配置,再应用与本次修改相关的语言规则。
核心规则(摘要)
- 使用四个空格缩进、120 个字符的打印宽度和单引号。
- 优先使用
const,仅在需要重新赋值时使用let,绝不使用var。 - 避免使用缩写变量名,清晰的单行箭头函数中除外。
- 始终使用严格相等比较;比较不同类型的值之前先进行类型转换。
- 使用
function声明函数;适当情况下,匿名函数或简短函数使用箭头函数。 - 保持函数纯粹,限制
this的使用,并使用对象方法简写。 - 优先使用对象和数组解构。
参考
references/spatie-javascript-guidelines.md
评论
支持 Markdown