从接上一篇博客来看，ast-grep 的主要论点是在文本 grep 与重量级 AST 工具之间建立一座 - 掘金

从痛点分析来看，Vue/TSX/JSX解析困境

• 语言混合问题: Vue文件内嵌多种语法导致默认解析器无法正确识别TSX代码块
• 解析器局限性: tree-sitter-vue无法解析Pug模板。导致整个文件解析失败
• 工具适配问题: VSCode插件和CLI版本对特殊语法支持不一致，影响开发效率
• 规则复用困难: 需要频繁手动指定语言，缺乏集成式方法
• 错误信息模糊: "Pattern contains an ERROR node"等错误难以定位具体问题所在

再看方法一，命令行临时指定语言

适合一次性查询或快速验证模式。

基本用法

sg run --lang tsx -p 'defineProps' src/views/yufukuan/Yufukuan.vue
# 强制按TSX解析Vue文件。寻找defineProps调用的参数模式
# 常见场景：快速检查组件props类型声明是否一致
# 注意：需确保$P占位符与实际代码结构匹配
# 错误示例会提示: "ERROR: Invalid syntax for TSX"

• --lang tsx: 强制把输入文件按 TSX 解析，即使 名是 .vue
• -p 'defineProps': 模式示例，可替换成任意 TS/TSX 语法模式。常见应用的观点是，
  • -p 'useStore'
  • -p 'computed => $P)' # 查找computed函数体内容的模式变量$P会捕获到返回值表达式部分'}

如果模板干扰解析

• 现有 tree-sitter-vue 对 Pug 模板不做 AST 解析。命令会把模板当作文本，可能触发 ERROR。

Pattern contains an ERROR node. This may be caused by a parse error or unhandled syntax in input. The query engine does not support matching on ERROR nodes. Try running with --debug-query=pattern to see parse tree.

#

三种方法对比这方面。

node -e "
const fs=require;const txt=fs.readFileSync;const m=txt.match;ifprocess.stdout.write;" |
sg run --lang tsx --stdin -p 'defineProps'
"

sg run --lang vue \
--strictness template \
-p 'handlerEditInst'
src/views/**/*.vue
"

只想做文本级匹配

`如果只需要简单关键词搜索而不依赖AST能力`:

sg run --lang vue \
--strictness template \ # 模板严格度
-p 'handlerEditInst' \ # 查询的字符串片段,不会匹配跨行注释等复杂情况
src/views/*/.vue

# javascript // 下面这种嵌套函数调用将无法精确匹配: getHandlerByType.editInst #

# html