my-coding-style
编程规范
代码组织
- 单一职责:每个源文件应具有清晰、聚焦的作用域/目的
- 拆分大文件:当文件过大或处理过多关注点时应拆分
- 常量抽取:将常量移动到专用的
constants.js文件 - 环境变量统一:编程时若涉及到环境变量部分的代码,必须统一从前后端各自的
.env.*中读取 - UTF-8 编码:使用
UTF-8编码,若遇到携带BOM标记的文件,则必须移除BOM以避免编码出现问题,如果文件中出现乱码,需要及时检测并修复编码问题
JavaScript
- 使用 ES6+ 特性:优先采用现代 JavaScript 语法与特性
- JSDoc 规范:严格遵守 JSDoc 注释规范,记录函数参数、返回值与复杂逻辑
TypeScript
- 显式返回类型:尽可能显式声明返回类型
- 避免复杂内联类型:将复杂类型提取为独立的
type或interface声明
More from sonvee/ai-skills
fullstack-init
初始化前后端分离全栈项目的脚手架和配置,并在日常开发中遵守用户固定的技术栈选型。当用户提到"初始化项目"、"新建全栈项目"、"搭建前后端分离项目"、"创建一个新项目"、"帮我建个项目"等意图时,主动触发此 skill。即使用户没有明确说"全栈",只要上下文涉及同时需要前端和后端的新项目,也应触发。日常讨论技术方案、写代码时也应遵守本 skill 中的技术栈约定。
8vue
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.
8vueuse-functions
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
7vue-best-practices
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
7vite
Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.
7vitest
Vitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking, configuring coverage, or working with test filtering and fixtures.
7