mcpField
S
spatie-javascript

spatie-javascript

github.com/spatie开发97532 次安装6 天前更新
代码仓库

关于 spatie-javascript

这是一项用于在 JavaScript、TypeScript、Vue 文件及 Prettier 配置中应用 Spatie 编码规范的技能。它引导开发者从参考文档中选取相关规则。

主要功能

  1. 01JavaScript 与 TypeScript 风格规范
  2. 02Vue 单文件组件规则
  3. 03Prettier 配置指导
  4. 04命名与函数规则
  5. 05严格相等与解构指导

适用场景

  1. 01为 JavaScript 修改应用一致规范
  2. 02检查 TypeScript 或 Vue 代码
  3. 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 文件、服务器配置。

工作流

  1. 确定要修改的 JavaScript、TypeScript、Vue 或 Prettier 产物。
  2. 阅读 references/spatie-javascript-guidelines.md,重点关注相关章节。
  3. 先应用 Prettier 配置,再应用与本次修改相关的语言规则。

核心规则(摘要)

  • 使用四个空格缩进、120 个字符的打印宽度和单引号。
  • 优先使用 const,仅在需要重新赋值时使用 let,绝不使用 var。
  • 避免使用缩写变量名,清晰的单行箭头函数中除外。
  • 始终使用严格相等比较;比较不同类型的值之前先进行类型转换。
  • 使用 function 声明函数;适当情况下,匿名函数或简短函数使用箭头函数。
  • 保持函数纯粹,限制 this 的使用,并使用对象方法简写。
  • 优先使用对象和数组解构。

参考

  • references/spatie-javascript-guidelines.md

评论

支持 Markdown