📦 Vue Composition 分析器

v1.0.0

分析 Vue 3 Composition API 的使用——审查响应式模式、可组合设计、ref 与 reactive 的选择、计算属性、侦听器用法及组件……

0· 0·0 当前·0 累计

by @charlie-morrison

安全系统工具 API工具设计工具前端框架

下载技能包

运行时依赖

无特殊依赖

版本

latestv1.0.0

4. 可组合设计评审

安装命令

点击复制

官方npx clawhub@latest install vue-composition-analyzer

镜像加速npx clawhub@latest install vue-composition-analyzer --registry https://cn.longxiaskill.com

技能文档

Vue Composition API 分析器深度扫描 Vue 3 Composition API 使用，发现响应式、组合函数设计、侦听器、生命周期及组件结构中的反模式，输出带严重级别的可执行建议。适用场景：Vue 3 质量评审、Options API 迁移、组合函数架构审计、强制 Composition API 规范。

分析步骤

项目识别 & API 风格普查

cat package.json 2>/dev/null | jq '{vue: .dependencies.vue, nuxt: .dependencies.nuxt, pinia: .dependencies.pinia}' find . -name ".vue" -not -path '/node_modules/' | wc -l # Options API 组件 grep -rl "export default {" --include=".vue" . 2>/dev/null | while read f; do grep -l "data()\|methods:\|computed:" "$f" 2>/dev/null; done | sort -u | head -20 # Script setup（推荐） vs setup() grep -rl "

数据来源：ClawHub ↗ · 中文优化：龙虾技能库