{"id":115051,"date":"2026-10-11T01:33:36","date_gmt":"2026-10-10T17:33:36","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/115051.html"},"modified":"2026-10-11T01:33:36","modified_gmt":"2026-10-10T17:33:36","slug":"ai-%e5%8e%9f%e7%94%9f%e7%bb%84%e4%bb%b6%e8%84%9a%e6%89%8b%e6%9e%b6%ef%bc%9a%e5%9f%ba%e4%ba%8e-ast-%e6%b3%a8%e5%85%a5%e5%ae%9e%e7%8e%b0%e5%a4%a7%e6%a8%a1%e5%9e%8b%e7%94%9f%e6%88%90%e4%bb%a3%e7%a0%81","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/115051.html","title":{"rendered":"AI \u539f\u751f\u7ec4\u4ef6\u811a\u624b\u67b6\uff1a\u57fa\u4e8e AST \u6ce8\u5165\u5b9e\u73b0\u5927\u6a21\u578b\u751f\u6210\u4ee3\u7801\u7684\u81ea\u6108\u683c\u5f0f\u5316"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261010173331-6aca76eb7f15d.png\" alt=\"\u5c01\u9762\u4fe1\u606f\u56fe\" \/><\/p>\n<p>\u5728\u63a8\u8fdb\u524d\u7aef\u56e2\u961f\u5168\u6d41\u7a0b\u62e5\u62b1\u201cAI \u7814\u53d1\u6d41&#xff08;AI-First Development&#xff09;\u201d\u7684\u8fc7\u7a0b\u4e2d&#xff0c;\u8bb8\u591a\u5de5\u7a0b\u8d1f\u8d23\u4eba\u90fd\u6709\u8fc7\u7c7b\u4f3c\u7684\u5fc3\u7d2f\u65f6\u523b&#xff1a;\u6211\u4eec\u6295\u5165\u5927\u91cf\u8d44\u6e90\u6253\u901a\u4e86\u201c\u8bbe\u8ba1\u7a3f\u81ea\u52a8\u8f6c\u4ee3\u7801\u201d\u6216\u201c\u81ea\u7136\u8bed\u8a00\u751f\u6210\u4e1a\u52a1\u7ec4\u4ef6\u201d\u7684\u81ea\u52a8\u5316\u6d41\u6c34\u7ebf&#xff0c;\u5927\u6a21\u578b\u5728 3 \u79d2\u949f\u5185\u4ea4\u51fa\u4e86\u4e00\u6bb5 200 \u884c\u7684 Vue 3 \u5355\u6587\u4ef6\u7ec4\u4ef6\u4ee3\u7801\u3002\u4e1a\u52a1\u903b\u8f91\u770b\u8d77\u6765\u516b\u4e5d\u4e0d\u79bb\u5341&#xff0c;\u4f46\u53ea\u8981\u628a\u8fd9\u6bb5\u4ee3\u7801\u4e22\u8fdb\u9879\u76ee\u4ed3\u5e93&#xff0c;\u7ec8\u7aef\u91cc\u5c31\u4f1a\u77ac\u95f4\u7206\u51fa\u4e00\u8fde\u4e32\u523a\u773c\u7684\u7ea2\u8272\u6784\u5efa\u62a5\u9519&#xff1a;<\/p>\n<ul>\n<li>TS6133: &#039;computed&#039; is declared but its value is never read.&#xff08;\u5927\u6a21\u578b\u4e60\u60ef\u6027\u5730\u5728\u6587\u4ef6\u9876\u5c42\u5f15\u5165\u4e86\u4e00\u5806\u672a\u4f7f\u7528\u7684\u5de5\u5177\u51fd\u6570&#xff09;&#xff1b;<\/li>\n<li>ESLint: Component name &#034;Card&#034; should always be multi-word.&#xff08;\u7ec4\u4ef6\u547d\u540d\u4e0d\u5408\u89c4&#xff09;&#xff1b;<\/li>\n<li>\u7f3a\u5c11\u56e2\u961f\u79c1\u6709\u7ec4\u4ef6\u5e93\u7684\u57fa\u7840\u5bfc\u5165\u58f0\u660e&#xff0c;\u6216\u8005\u5c5e\u6027\u6392\u5e8f\u5b8c\u5168\u6742\u4e71\u65e0\u7ae0&#xff0c;\u76f4\u63a5\u5728 Git Pre-commit \u9636\u6bb5\u88ab Husky \u5f3a\u884c\u5361\u6b7b\u3002<\/li>\n<\/ul>\n<p>\u9762\u5bf9\u8fd9\u79cd\u4ee3\u7801&#xff0c;\u521d\u7ea7\u505a\u6cd5\u662f\u628a\u7ec8\u7aef\u62a5\u9519\u8d34\u56de\u7ed9\u5927\u6a21\u578b&#xff1a;\u201c\u4f60\u62a5\u4e86 TS6133&#xff0c;\u5e2e\u6211\u4fee\u4e00\u4e0b\u201d\u3002\u5927\u6a21\u578b\u9053\u6b49\u540e\u91cd\u65b0\u8dd1\u4e86\u4e00\u904d\u751f\u6210&#xff0c;\u4e0d\u4ec5\u767d\u767d\u6d6a\u8d39\u4e86\u51e0\u5343\u4e2a Token \u8d26\u5355\u548c\u5341\u51e0\u79d2\u7b49\u5f85\u65f6\u95f4&#xff0c;\u8fd8\u5e38\u5e38\u5728\u201c\u4fee\u590d\u683c\u5f0f\u201d\u7684\u8fc7\u7a0b\u4e2d\u987a\u5e26\u7834\u574f\u4e86\u4e0a\u4e00\u7248\u5df2\u7ecf\u8c03\u901a\u7684\u6838\u5fc3\u4e1a\u52a1\u903b\u8f91\u3002<\/p>\n<p>\u6cbb\u6108\u8fd9\u79cd\u201c\u7ec6\u5c0f\u683c\u5f0f\u795e\u7ecf\u8d28\u201d\u7684\u7ec8\u6781\u6253\u6cd5&#xff0c;\u7edd\u4e0d\u662f\u7ee7\u7eed\u6307\u671b\u6982\u7387\u751f\u6210\u7684\u5927\u6a21\u578b&#xff0c;\u800c\u662f\u5728\u5927\u6a21\u578b\u4e0e\u672c\u5730\u6587\u4ef6\u7cfb\u7edf\u4e4b\u95f4&#xff0c;\u67b6\u8bbe\u4e00\u9053\u57fa\u4e8e AST \u6ce8\u5165\u4e0e\u89c4\u5219\u4fee\u590d\u7684\u201c\u81ea\u6108\u683c\u5f0f\u5316\u811a\u624b\u67b6&#xff08;Self-healing Formatter Scaffold&#xff09;\u201d\u3002<\/p>\n<h3>\u67b6\u6784\u54f2\u5b66&#xff1a;\u6982\u7387\u5f52\u6982\u7387&#xff0c;\u786e\u5b9a\u6027\u5f52\u786e\u5b9a\u6027<\/h3>\n<p>\u5728 AI \u539f\u751f\u524d\u7aef\u5de5\u4f5c\u6d41\u4e2d&#xff0c;\u5fc5\u987b\u5212\u5206\u6781\u5176\u6e05\u6670\u7684\u804c\u8d23\u8fb9\u754c&#xff1a;<\/p>\n<ul>\n<li>\u5927\u6a21\u578b&#xff08;LLM&#xff09;\u7684\u804c\u8d23&#xff1a;\u53ea\u8d1f\u8d23\u653b\u575a\u6700\u5177\u4e0d\u786e\u5b9a\u6027\u3001\u6700\u5177\u521b\u9020\u529b\u7684\u90e8\u5206\u2014\u2014\u4e1a\u52a1\u72b6\u6001\u673a\u63a8\u5bfc\u3001DOM \u9aa8\u67b6\u7ec4\u88c5\u3001\u6837\u5f0f\u4ee4\u724c\u5339\u914d&#xff1b;<\/li>\n<li>AST \u7f16\u8bd1\u5668\u7ba1\u7ebf\u7684\u804c\u8d23&#xff1a;\u63a5\u7ba1\u6240\u6709\u786e\u5b9a\u6027\u7684\u89c4\u5219\u7ea6\u675f\u2014\u2014\u6b7b\u4ee3\u7801\u6e05\u6d17\u3001\u6a21\u5757\u4f9d\u8d56\u8865\u9f50\u3001\u4ee3\u7801\u6811\u5f62\u683c\u5f0f\u5316\u3002<\/li>\n<\/ul>\n<p>[\u5927\u6a21\u578b\u8f93\u51fa\u539f\u59cb\u4ee3\u7801] \u2500\u2500&gt; (\u53ef\u80fd\u5939\u6742\u65e0\u7528 import\u3001\u5c5e\u6027\u672a\u5bf9\u9f50\u3001\u683c\u5f0f\u8f7b\u5ea6\u6df7\u4e71)<br \/>\n         \u2502<br \/>\n         \u25bc<br \/>\n[AST \u81ea\u6108\u7ba1\u9053 (TypeScript \/ Babel AST)]<br \/>\n1. \u81ea\u52a8 Tree-shaking: \u5254\u9664\u4e00\u5207\u58f0\u660e\u4f46\u672a\u4f7f\u7528\u7684\u5f15\u7528 (Pruning)<br \/>\n2. \u4f9d\u8d56\u81ea\u52a8\u8865\u9f50: \u626b\u63cf template \u6807\u7b7e&#xff0c;\u81ea\u52a8\u6309\u767d\u540d\u5355\u8865\u9f50\u7ec4\u4ef6\u5bfc\u5165 (Auto-injection)<br \/>\n3. \u63a5\u53e3\u89c4\u8303\u91cd\u6392: \u5f3a\u5236\u5c06 Props\/Emits \u89c4\u8303\u5bf9\u9f50\u5927\u5382\u5951\u7ea6 (Normalization)<br \/>\n         \u2502<br \/>\n         \u25bc<br \/>\n[Prettier \u7ec8\u6001\u4ee3\u7801\u7f8e\u5316] \u2500\u2500&gt; \u96f6\u8b66\u544a\u3001\u96f6\u62a5\u9519&#xff0c;\u76f4\u63a5\u5408\u5165\u4ed3\u5e93\u5e76\u4e00\u6b21\u6027\u901a\u8fc7 CI<\/p>\n<h3>\u5de5\u4e1a\u7ea7\u81ea\u6108\u5904\u7406\u5668\u5b9e\u73b0&#xff1a;AstHealingPipeline<\/h3>\n<p>\u6211\u4eec\u4f7f\u7528 TypeScript Compiler API \u4e0e Babel \u8bed\u6cd5\u8f6c\u6362\u5668&#xff0c;\u6784\u5efa\u4e00\u4e2a\u5b8c\u5168\u65e0\u611f\u3001\u53ef\u5728 Node CLI \u4e2d\u5373\u63d2\u5373\u7528\u7684\u81ea\u6108\u51c0\u5316\u5668&#xff1a;<\/p>\n<p>import ts from &#039;typescript&#039;;<br \/>\nimport * as prettier from &#039;prettier&#039;;<\/p>\n<p>export class ComponentCodeHealer {<br \/>\n  \/\/ \u6838\u5fc3\u5165\u53e3&#xff1a;\u63a5\u6536\u5927\u6a21\u578b\u5410\u51fa\u7684\u539f\u59cb\u4ee3\u7801\u5b57\u7b26\u4e32&#xff0c;\u8fd4\u56de\u5de5\u4e1a\u7ea7\u7eaf\u51c0\u4ee3\u7801<br \/>\n  static async healAndFormat(rawTsCode: string): Promise&lt;string&gt; {<br \/>\n    \/\/ \u6b65\u9aa4 1: AST \u8bed\u6cd5\u6811\u89e3\u6790\u4e0e\u6b7b\u5f15\u7528\u81ea\u52a8\u5254\u9664<br \/>\n    const prunedCode &#061; this.removeUnusedImports(rawTsCode);<\/p>\n<p>    \/\/ \u6b65\u9aa4 2: AST \u4f9d\u8d56\u81ea\u52a8\u63a2\u6d4b\u4e0e\u8865\u9f50<br \/>\n    const injectedCode &#061; this.injectMissingCoreImports(prunedCode);<\/p>\n<p>    \/\/ \u6b65\u9aa4 3: \u7ec8\u6001 Prettier \u4e25\u683c\u683c\u5f0f\u5316<br \/>\n    const finalFormatted &#061; await prettier.format(injectedCode, {<br \/>\n      parser: &#039;typescript&#039;,<br \/>\n      singleQuote: true,<br \/>\n      semi: true,<br \/>\n      trailingComma: &#039;all&#039;,<br \/>\n      printWidth: 100,<br \/>\n    });<\/p>\n<p>    return finalFormatted;<br \/>\n  }<\/p>\n<p>  \/\/ 1. \u501f\u52a9 AST \u81ea\u52a8\u5265\u79bb\u65e0\u7528 Import \u8282\u70b9<br \/>\n  private static removeUnusedImports(code: string): string {<br \/>\n    const sourceFile &#061; ts.createSourceFile(&#039;temp.ts&#039;, code, ts.ScriptTarget.Latest, true);<\/p>\n<p>    \/\/ \u63d0\u53d6\u5168\u5c40\u6240\u6709\u4f7f\u7528\u7684\u6807\u8bc6\u7b26\u96c6\u5408<br \/>\n    const usedIdentifiers &#061; new Set&lt;string&gt;();<br \/>\n    function collectIdentifiers(node: ts.Node) {<br \/>\n      if (ts.isIdentifier(node)) {<br \/>\n        \/\/ \u6392\u9664\u6389 import \u58f0\u660e\u81ea\u8eab\u7684\u6807\u8bc6\u7b26&#xff0c;\u53ea\u6536\u96c6\u88ab\u6d88\u8d39\u7684\u6807\u8bc6\u7b26<br \/>\n        if (!ts.isImportSpecifier(node) &amp;&amp; !ts.isImportClause(node)) {<br \/>\n          usedIdentifiers.add(node.text);<br \/>\n        }<br \/>\n      }<br \/>\n      ts.forEachChild(node, collectIdentifiers);<br \/>\n    }<br \/>\n    collectIdentifiers(sourceFile);<\/p>\n<p>    \/\/ \u8f6c\u6362\u5668&#xff1a;\u5bf9\u672a\u4f7f\u7528\u7684 import specifier \u8fdb\u884c\u7cbe\u51c6\u526a\u679d<br \/>\n    const transformer: ts.TransformerFactory&lt;ts.SourceFile&gt; &#061; (context) &#061;&gt; {<br \/>\n      return (rootNode) &#061;&gt; {<br \/>\n        function visit(node: ts.Node): ts.Node | undefined {<br \/>\n          if (ts.isImportDeclaration(node)) {<br \/>\n            const namedBindings &#061; node.importClause?.namedBindings;<br \/>\n            if (namedBindings &amp;&amp; ts.isNamedImports(namedBindings)) {<br \/>\n              \/\/ \u8fc7\u6ee4\u51fa\u771f\u6b63\u88ab\u4ee3\u7801\u6d88\u8d39\u7684\u5143\u7d20<br \/>\n              const validElements &#061; namedBindings.elements.filter((el) &#061;&gt; {<br \/>\n                return usedIdentifiers.has(el.name.text);<br \/>\n              });<\/p>\n<p>              \/\/ \u5982\u679c\u6240\u6709\u5f15\u5165\u9879\u90fd\u6ca1\u88ab\u4f7f\u7528&#xff0c;\u5f7b\u5e95\u5220\u9664\u6574\u4e2a import \u8bed\u53e5&#xff01;<br \/>\n              if (validElements.length &#061;&#061;&#061; 0) {<br \/>\n                return undefined;<br \/>\n              }<\/p>\n<p>              \/\/ \u82e5\u90e8\u5206\u4f7f\u7528&#xff0c;\u751f\u6210\u7cbe\u7b80\u540e\u7684 import \u8282\u70b9<br \/>\n              const newNamedImports &#061; context.factory.updateNamedImports(namedBindings, validElements);<br \/>\n              const newImportClause &#061; context.factory.updateImportClause(<br \/>\n                node.importClause!,<br \/>\n                node.importClause!.isTypeOnly,<br \/>\n                node.importClause!.name,<br \/>\n                newNamedImports<br \/>\n              );<br \/>\n              return context.factory.updateImportDeclaration(<br \/>\n                node,<br \/>\n                node.modifiers,<br \/>\n                newImportClause,<br \/>\n                node.moduleSpecifier,<br \/>\n                node.assertClause<br \/>\n              );<br \/>\n            }<br \/>\n          }<br \/>\n          return ts.visitEachChild(node, visit, context);<br \/>\n        }<br \/>\n        return ts.visitNode(rootNode, visit) as ts.SourceFile;<br \/>\n      };<br \/>\n    };<\/p>\n<p>    const result &#061; ts.transform(sourceFile, [transformer]);<br \/>\n    const printer &#061; ts.createPrinter();<br \/>\n    return printer.printFile(result.transformed[0]);<br \/>\n  }<\/p>\n<p>  \/\/ 2. \u81ea\u52a8\u8865\u9f50\u57fa\u7840\u4f9d\u8d56\u767d\u540d\u5355<br \/>\n  private static injectMissingCoreImports(code: string): string {<br \/>\n    let output &#061; code;<\/p>\n<p>    \/\/ \u68c0\u67e5\u662f\u5426\u4f7f\u7528\u4e86 ref\/computed \u4f46\u5fd8\u8bb0\u4ece vue \u5bfc\u5165<br \/>\n    const needsRef &#061; \/\\\\bref\\\\s*\\\\(\/.test(output) &amp;&amp; !output.includes(&#034;from &#039;vue&#039;&#034;);<br \/>\n    if (needsRef) {<br \/>\n      output &#061; &#096;import { ref, computed } from &#039;vue&#039;;\\\\n&#096; &#043; output;<br \/>\n    }<\/p>\n<p>    \/\/ \u68c0\u67e5\u662f\u5426\u4f7f\u7528\u4e86\u57fa\u7840 UI \u6807\u7b7e\u4f46\u5fd8\u8bb0\u5f15\u5165<br \/>\n    if (output.includes(&#039;&lt;CustomButton&#039;) &amp;&amp; !output.includes(&#034;import CustomButton&#034;)) {<br \/>\n      output &#061; &#096;import CustomButton from &#039;&#064;\/components\/CustomButton.vue&#039;;\\\\n&#096; &#043; output;<br \/>\n    }<\/p>\n<p>    return output;<br \/>\n  }<br \/>\n}<\/p>\n<h3>\u5728\u7ec8\u7aef\u7814\u53d1\u811a\u624b\u67b6\u4e2d\u7684\u65e0\u611f\u96c6\u6210<\/h3>\n<p>\u6211\u4eec\u5c06\u8fd9\u4e2a\u81ea\u6108\u5904\u7406\u5668\u5c01\u88c5\u8fdb\u524d\u7aef\u5de5\u7a0b\u7684 CLI \u751f\u6210\u547d\u4ee4\u4e2d&#xff1a;<\/p>\n<p># \u5f00\u53d1\u8005\u5728\u7ec8\u7aef\u76f4\u63a5\u9a71\u52a8\u811a\u624b\u67b6\u8ba9 AI \u751f\u6210\u7ec4\u4ef6<br \/>\n$ pnpm generate:ai-component &#8211;prompt &#034;\u751f\u6210\u4e00\u4e2a\u5e26\u5012\u8ba1\u65f6\u7684\u53cc11\u79d2\u6740\u5361\u7247&#034;<\/p>\n<p>\u6574\u4e2a\u6d41\u6c34\u7ebf\u7684\u5e55\u540e\u6267\u884c\u7ec6\u8282&#xff1a;<\/p>\n<li>CLI \u8c03\u7528\u5927\u6a21\u578b API&#xff0c;\u62ff\u5230\u5927\u6a21\u578b\u751f\u6210\u7684\u539f\u59cb\u4ee3\u7801\u6587\u672c&#xff1b;<\/li>\n<li>\u539f\u59cb\u4ee3\u7801\u672a\u7ecf\u843d\u76d8&#xff0c;\u76f4\u63a5\u5728\u5185\u5b58\u4e2d\u6d41\u7ecf ComponentCodeHealer.healAndFormat()&#xff1b;<\/li>\n<li>AST \u5206\u6790\u5668\u5728 15 \u6beb\u79d2\u5185\u81ea\u52a8\u62b9\u53bb\u4e86\u5927\u6a21\u578b\u987a\u624b\u5199\u4e0b\u7684\u65e0\u7528 import { reactive, watch }&#xff0c;\u81ea\u52a8\u8865\u9f50\u4e86\u7ec4\u4ef6\u5e93\u7684\u7edf\u4e00\u8def\u5f84&#xff0c;\u5e76\u683c\u5f0f\u5316\u4e3a\u6807\u51c6\u98ce\u683c&#xff1b;<\/li>\n<li>\u6700\u7ec8\u843d\u76d8\u5230 src\/components\/SeckillCard.vue\u3002<\/li>\n<p>\u5f00\u53d1\u8005\u4ece\u7ec8\u7aef\u5207\u56de VSCode \u65f6&#xff0c;\u770b\u5230\u7684\u76f4\u63a5\u5c31\u662f\u4e00\u4efd\u683c\u5f0f\u5b8c\u5168\u5bf9\u9f50\u56e2\u961f\u4ee3\u7801\u89c4\u8303\u3001\u6ca1\u6709\u4efb\u4f55\u65e0\u75c5\u547b\u541f\u7684\u8bed\u6cd5\u8b66\u544a\u3001\u53ef\u4ee5\u76f4\u63a5\u901a\u8fc7 CI \u6784\u5efa\u7684\u5e72\u51c0\u4ee3\u7801&#xff01;<\/p>\n<h3>\u751f\u4ea7\u8fd0\u7528\u7684\u4e24\u9879\u907f\u5751\u539f\u5219<\/h3>\n<li>\u5207\u5fcc\u4f9d\u8d56\u8fc7\u4e8e\u6fc0\u8fdb\u7684\u7834\u574f\u6027 AST \u91cd\u5199&#xff1a;\u81ea\u6108\u7ba1\u9053\u7684\u76ee\u6807\u662f\u201c\u683c\u5f0f\u6cbb\u7406\u4e0e\u4f9d\u8d56\u4fee\u8865\u201d&#xff0c;\u7edd\u5bf9\u4e0d\u8981\u5728 AST \u9636\u6bb5\u53bb\u8bd5\u56fe\u201c\u91cd\u6784\u590d\u6742\u4e1a\u52a1\u903b\u8f91\u201d\u6216\u8005\u64c5\u81ea\u91cd\u547d\u540d\u53d8\u91cf&#xff0c;\u5426\u5219\u4e00\u65e6\u53d1\u751f\u8bed\u6cd5\u65ad\u8a00\u504f\u5dee&#xff0c;\u6392\u67e5\u8d77\u6765\u4f1a\u6781\u4e3a\u75db\u82e6\u3002\u575a\u6301\u53ea\u505a\u201c\u526a\u9664\u6b7b\u4ee3\u7801\u201d\u548c\u201c\u8865\u5168\u5df2\u77e5\u767d\u540d\u5355\u4f9d\u8d56\u201d\u3002<\/li>\n<li>\u7ed3\u5408 ESLint \u7684 &#8211;fix \u8fdb\u884c\u53cc\u91cd\u9632\u5fa1&#xff1a;\u5728 AST \u5904\u7406\u5b8c\u6bd5\u540e&#xff0c;\u5728\u811a\u624b\u67b6\u5c3e\u90e8\u8c03\u7528\u4e00\u6b21\u672c\u5730\u5b89\u88c5\u7684 eslint &#8211;fix\u3002\u8ba9\u5df2\u7ecf\u56fa\u5316\u5728\u4ed3\u5e93\u91cc\u7684\u6570\u5341\u6761\u56e2\u961f\u7ec6\u7c92\u5ea6 Linter \u89c4\u5219\u81ea\u52a8\u5237\u4e00\u904d\u4ee3\u7801&#xff0c;\u786e\u4fdd\u8fde\u6ce8\u91ca\u6362\u884c\u548c\u7a7a\u884c\u6570\u91cf\u90fd\u7b26\u5408\u56e2\u961f\u7684\u4ee3\u7801\u6d01\u7656\u6807\u51c6\u3002<\/li>\n<p>\u8ba9\u5927\u6a21\u578b\u8d1f\u8d23\u5b8f\u89c2\u7684\u624d\u534e&#xff0c;\u8ba9\u9759\u6001\u7f16\u8bd1\u5668\u5b88\u62a4\u5fae\u89c2\u7684\u79e9\u5e8f\u3002\u628a\u4e0d\u786e\u5b9a\u6027\u7ea6\u675f\u5728\u786e\u5b9a\u6027\u7684\u5de5\u7a0b\u6d41\u6c34\u7ebf\u91cc&#xff0c;\u8fd9\u5c31\u662f AI \u539f\u751f\u524d\u7aef\u5f00\u53d1\u6d41\u6700\u8ff7\u4eba\u7684\u9b45\u529b\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5728\u63a8\u8fdb\u524d\u7aef\u56e2\u961f\u5168\u6d41\u7a0b\u62e5\u62b1\u201cAI \u7814\u53d1\u6d41&#xff08;AI-First Development&#xff09;\u201d\u7684\u8fc7\u7a0b\u4e2d&#xff0c;\u8bb8\u591a\u5de5\u7a0b\u8d1f\u8d23\u4eba\u90fd\u6709\u8fc7\u7c7b\u4f3c\u7684\u5fc3\u7d2f\u65f6\u523b&#xff1a;\u6211\u4eec\u6295\u5165\u5927\u91cf\u8d44\u6e90\u6253\u901a\u4e86\u201c\u8bbe\u8ba1\u7a3f\u81ea\u52a8\u8f6c\u4ee3\u7801\u201d\u6216\u201c\u81ea\u7136\u8bed\u8a00\u751f\u6210\u4e1a\u52a1\u7ec4\u4ef6\u201d\u7684\u81ea\u52a8\u5316\u6d41\u6c34\u7ebf&#xff0c;\u5927\u6a21\u578b\u5728 3 \u79d2\u949f\u5185\u4ea4\u51fa\u4e86\u4e00\u6bb5 200 \u884c\u7684 Vue 3 \u5355\u6587\u4ef6\u7ec4\u4ef6\u4ee3\u7801\u3002\u4e1a\u52a1\u903b\u8f91\u770b\u8d77\u6765\u516b\u4e5d\u4e0d\u79bb\u5341&#xff0c;\u4f46\u53ea\u8981\u628a\u8fd9\u6bb5\u4ee3\u7801\u4e22\u8fdb\u9879\u76ee\u4ed3\u5e93&#xff0c;\u7ec8\u7aef\u91cc\u5c31\u4f1a\u77ac\u95f4\u7206\u51fa\u4e00\u8fde\u4e32\u523a\u773c\u7684\u7ea2\u8272\u6784\u5efa<\/p>\n","protected":false},"author":2,"featured_media":115050,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[66,723,594,50,87],"topic":[],"class_list":["post-115051","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-ai","tag-react","tag-web","tag-50","tag-87"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>AI \u539f\u751f\u7ec4\u4ef6\u811a\u624b\u67b6\uff1a\u57fa\u4e8e AST \u6ce8\u5165\u5b9e\u73b0\u5927\u6a21\u578b\u751f\u6210\u4ee3\u7801\u7684\u81ea\u6108\u683c\u5f0f\u5316 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/115051.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AI \u539f\u751f\u7ec4\u4ef6\u811a\u624b\u67b6\uff1a\u57fa\u4e8e AST \u6ce8\u5165\u5b9e\u73b0\u5927\u6a21\u578b\u751f\u6210\u4ee3\u7801\u7684\u81ea\u6108\u683c\u5f0f\u5316 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u5728\u63a8\u8fdb\u524d\u7aef\u56e2\u961f\u5168\u6d41\u7a0b\u62e5\u62b1\u201cAI \u7814\u53d1\u6d41&#xff08;AI-First Development&#xff09;\u201d\u7684\u8fc7\u7a0b\u4e2d&#xff0c;\u8bb8\u591a\u5de5\u7a0b\u8d1f\u8d23\u4eba\u90fd\u6709\u8fc7\u7c7b\u4f3c\u7684\u5fc3\u7d2f\u65f6\u523b&#xff1a;\u6211\u4eec\u6295\u5165\u5927\u91cf\u8d44\u6e90\u6253\u901a\u4e86\u201c\u8bbe\u8ba1\u7a3f\u81ea\u52a8\u8f6c\u4ee3\u7801\u201d\u6216\u201c\u81ea\u7136\u8bed\u8a00\u751f\u6210\u4e1a\u52a1\u7ec4\u4ef6\u201d\u7684\u81ea\u52a8\u5316\u6d41\u6c34\u7ebf&#xff0c;\u5927\u6a21\u578b\u5728 3 \u79d2\u949f\u5185\u4ea4\u51fa\u4e86\u4e00\u6bb5 200 \u884c\u7684 Vue 3 \u5355\u6587\u4ef6\u7ec4\u4ef6\u4ee3\u7801\u3002\u4e1a\u52a1\u903b\u8f91\u770b\u8d77\u6765\u516b\u4e5d\u4e0d\u79bb\u5341&#xff0c;\u4f46\u53ea\u8981\u628a\u8fd9\u6bb5\u4ee3\u7801\u4e22\u8fdb\u9879\u76ee\u4ed3\u5e93&#xff0c;\u7ec8\u7aef\u91cc\u5c31\u4f1a\u77ac\u95f4\u7206\u51fa\u4e00\u8fde\u4e32\u523a\u773c\u7684\u7ea2\u8272\u6784\u5efa\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/115051.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-10T17:33:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261010173331-6aca76eb7f15d.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/115051.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/115051.html\",\"name\":\"AI \u539f\u751f\u7ec4\u4ef6\u811a\u624b\u67b6\uff1a\u57fa\u4e8e AST \u6ce8\u5165\u5b9e\u73b0\u5927\u6a21\u578b\u751f\u6210\u4ee3\u7801\u7684\u81ea\u6108\u683c\u5f0f\u5316 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-10-10T17:33:36+00:00\",\"dateModified\":\"2026-10-10T17:33:36+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/115051.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/115051.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/115051.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AI \u539f\u751f\u7ec4\u4ef6\u811a\u624b\u67b6\uff1a\u57fa\u4e8e AST \u6ce8\u5165\u5b9e\u73b0\u5927\u6a21\u578b\u751f\u6210\u4ee3\u7801\u7684\u81ea\u6108\u683c\u5f0f\u5316\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AI \u539f\u751f\u7ec4\u4ef6\u811a\u624b\u67b6\uff1a\u57fa\u4e8e AST \u6ce8\u5165\u5b9e\u73b0\u5927\u6a21\u578b\u751f\u6210\u4ee3\u7801\u7684\u81ea\u6108\u683c\u5f0f\u5316 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/115051.html","og_locale":"zh_CN","og_type":"article","og_title":"AI \u539f\u751f\u7ec4\u4ef6\u811a\u624b\u67b6\uff1a\u57fa\u4e8e AST \u6ce8\u5165\u5b9e\u73b0\u5927\u6a21\u578b\u751f\u6210\u4ee3\u7801\u7684\u81ea\u6108\u683c\u5f0f\u5316 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u5728\u63a8\u8fdb\u524d\u7aef\u56e2\u961f\u5168\u6d41\u7a0b\u62e5\u62b1\u201cAI \u7814\u53d1\u6d41&#xff08;AI-First Development&#xff09;\u201d\u7684\u8fc7\u7a0b\u4e2d&#xff0c;\u8bb8\u591a\u5de5\u7a0b\u8d1f\u8d23\u4eba\u90fd\u6709\u8fc7\u7c7b\u4f3c\u7684\u5fc3\u7d2f\u65f6\u523b&#xff1a;\u6211\u4eec\u6295\u5165\u5927\u91cf\u8d44\u6e90\u6253\u901a\u4e86\u201c\u8bbe\u8ba1\u7a3f\u81ea\u52a8\u8f6c\u4ee3\u7801\u201d\u6216\u201c\u81ea\u7136\u8bed\u8a00\u751f\u6210\u4e1a\u52a1\u7ec4\u4ef6\u201d\u7684\u81ea\u52a8\u5316\u6d41\u6c34\u7ebf&#xff0c;\u5927\u6a21\u578b\u5728 3 \u79d2\u949f\u5185\u4ea4\u51fa\u4e86\u4e00\u6bb5 200 \u884c\u7684 Vue 3 \u5355\u6587\u4ef6\u7ec4\u4ef6\u4ee3\u7801\u3002\u4e1a\u52a1\u903b\u8f91\u770b\u8d77\u6765\u516b\u4e5d\u4e0d\u79bb\u5341&#xff0c;\u4f46\u53ea\u8981\u628a\u8fd9\u6bb5\u4ee3\u7801\u4e22\u8fdb\u9879\u76ee\u4ed3\u5e93&#xff0c;\u7ec8\u7aef\u91cc\u5c31\u4f1a\u77ac\u95f4\u7206\u51fa\u4e00\u8fde\u4e32\u523a\u773c\u7684\u7ea2\u8272\u6784\u5efa","og_url":"https:\/\/www.wsisp.com\/helps\/115051.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-10-10T17:33:36+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/10\/20261010173331-6aca76eb7f15d.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/115051.html","url":"https:\/\/www.wsisp.com\/helps\/115051.html","name":"AI \u539f\u751f\u7ec4\u4ef6\u811a\u624b\u67b6\uff1a\u57fa\u4e8e AST \u6ce8\u5165\u5b9e\u73b0\u5927\u6a21\u578b\u751f\u6210\u4ee3\u7801\u7684\u81ea\u6108\u683c\u5f0f\u5316 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-10-10T17:33:36+00:00","dateModified":"2026-10-10T17:33:36+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/115051.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/115051.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/115051.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"AI \u539f\u751f\u7ec4\u4ef6\u811a\u624b\u67b6\uff1a\u57fa\u4e8e AST \u6ce8\u5165\u5b9e\u73b0\u5927\u6a21\u578b\u751f\u6210\u4ee3\u7801\u7684\u81ea\u6108\u683c\u5f0f\u5316"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/115051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=115051"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/115051\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/115050"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=115051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=115051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=115051"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=115051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}