"# \u5728monaco\u4e2d\u5f15\u5165\u989d\u5916ts\u7c7b\u578b\u5e93\uff0c\u6781\u5927\u5730\u589e\u5f3a\u7f16\u8f91\u5668\u4f53\u9a8c\n\n> 2023-03-25 | 2023-04-05\n> https:\/\/www.modbus.cn\/en\/11936.html\n\n**Node-RED**\n\n---\n\n## \u524d\u8a00\n\n\u5728\u4e4b\u524d\u7684\u6587\u7ae0\u4e2d\uff0c\u6211\u4eec\u4ecb\u7ecd\u4e86\u5982\u4f55\u5728monaco\u4e2d\u4e3a\u67d0\u4e00\u4e2a\u65b9\u6cd5\u589e\u52a0\u6ce8\u91ca\uff0c\u53ef\u4ee5\u901a\u8fc7codelen \u4e5f\u53ef\u4ee5\u901a\u8fc7Marker\u6765\u663e\u793a\u67d0\u4e2a\u53d8\u91cf\uff0c\u5e38\u91cf\uff0c\u6216\u65b9\u6cd5\u7684\u6587\u6863\u3002\u4f46\u8fd9\u79cd\u65b9\u6cd5\u4e0d\u592a\u9002\u5408\u5927\u89c4\u6a21\u7684\u5e93\uff0c\u6bd4\u5982\u4e00\u4e2ajs\u5e93\u6709\u4e0a\u767e\u4e2a\u65b9\u6cd5\uff0c\u4f5c\u4e3a\u4e00\u540d\u61d2\u60f0\u7684\u7a0b\u5e8f\u5458\u4e0d\u53ef\u80fd\u5c06\u6bcf\u4e00\u4e2a\u65b9\u6cd5\u90fd\u6dfb\u52a0\u5230monaco\u4e2d\u3002\u90a3\u4e48\u672c\u7bc7\u6587\u7ae0\u5c31\u6765\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u4e00\u79cd\u501f\u52a9typescript\u7684\u7c7b\u578b\u58f0\u660e\u6587\u4ef6\uff0c\u6765\u589e\u5f3a\u7f16\u8f91\u5668\u7684\u4f53\u9a8c\u3002\u4e0d\u4ec5\u4ec5\u80fd\u591f\u663e\u793a\u67d0\u4e2a\u65b9\u6cd5\u7684\u8be6\u7ec6\u6587\u6863\uff0c\u8fd8\u6709\u8be5\u65b9\u6cd5\u7684\u81ea\u52a8\u5b8c\u6210\u3002\n\n\u6838\u5fc3\u65b9\u6cd5\u53ea\u6709\u4e00\u4e2a `addExtraLib()`\n\n## addExtraLib\n\n\u7531\u4e8emonaco\u4e0d\u50cfvscode\u63a5\u5165\u6765 LSP\uff08\u8bed\u8a00\u670d\u52a1\u534f\u8bae\uff09\uff0c\u6240\u6709\u8981\u5927\u6279\u91cf\u5730\u5b9e\u73b0\u81ea\u52a8\u5b8c\u6210\uff0c\u65b9\u6cd5\u6ce8\u91ca\u6bd4\u8f83\u9ebb\u70e6\uff0c\u4f46\u662fmonaco\u589e\u52a0\u4e86addExtraLib \u8fd9\u4e2a\u65b9\u6cd5\uff0c\u8fd9\u4e2a\u65b9\u6cd5\u53ef\u4ee5\u4f20\u4eba\u4e00\u4e2a\u7c7b\u578b\u58f0\u660e\u7684\u5b57\u7b26\u4e32\u3002\u5982\u4e0b\u9762\u8fd9\u6837\u7684\u5185\u5bb9\n\n```\ndeclare class Facts {\n  \/**\n   * Returns the next fact\n   *\/\n  static next(): string\n}\n```\n\n\u5c06\u8fd9\u6bb5\u6587\u672c\u4f7f\u7528addExtraLib \u6dfb\u52a0\u5230monaoc\u8bed\u8a00\u670d\u52a1\u4e2d\uff0c\u90a3\u4e48\u5728\u7528\u6237\u5728\u7f16\u5199`Facts.next()`\u65f6\uff0c\u5c31\u80fd\u591f\u81ea\u52a8\u5b8c\u6210\uff0c\u5e76\u4e14\u5728next\u65b9\u6cd5\u663e\u793a\u8be5\u65b9\u6cd5\u7684\u6ce8\u91ca\u3002\u5982\u4e0b\u56fe\n\n![](https:\/\/image.modbus.cn\/wp-content\/uploads\/2023\/03\/1679726596-image-950x441.png)\n\n\u5982\u679c\u4f60\u4f7f\u7528ts\u7c7b\u578b\u58f0\u660e\u5185\u5bb9\u521b\u5efa\u4e86\u4e00\u4e2a\u8bed\u8a00\u6a21\u578b\uff0c\u90a3\u4e48\u4f60\u5c31\u53ef\u4ee5\u5728\u8be5\u65b9\u6cd5\u4e0a\u67e5\u770b\u5177\u4f53\u7684\u58f0\u660e\uff0c\u5982\u4e0b\u56fe\uff1a\n\n![](https:\/\/image.modbus.cn\/wp-content\/uploads\/2023\/03\/1679726617-image-950x675.png)\n\n\u8fd9\u79cd\u573a\u666f\u6709\u975e\u5e38\u591a\u7684\u597d\u5904\uff0c\u7279\u522b\u5bf9\u4e8e\u4e0d\u719f\u6089\u67d0\u4e2a\u65b9\u6cd5\u7684\u7f16\u7a0b\u5c0f\u767d\u3002\u53ef\u4ee5\u76f4\u63a5\u9f20\u6807\u60ac\u6d6e\u5728\u65b9\u6cd5\u540d\u4e0a\uff0c\u67e5\u770b\u6587\u6863\u3002\u975e\u5e38\u53cb\u597d\uff0c\u65b9\u4fbf\u3002\n\n\u5f53\u4f60\u5728\u4f7f\u7528lodash \u6216jquery \u8fd9\u4e9bjs\u5e93\u65f6\uff0c\u6709\u65f6\u4f1a\u5fd8\u8bb0\u67d0\u4e2a\u65b9\u6cd5\u7684\u5b8c\u6574\u540d\u79f0\uff0c\u6216\u8005\u4e0d\u8bb0\u5f97\u67d0\u4e2a\u65b9\u6cd5\u7684\u53c2\u6570\u987a\u5e8f\u3002\u8fd9\u79cd\u5c31\u9700\u8981\u65b9\u6cd5\u6587\u6863\u4e86\u3002\n\n\u4e0b\u9762\u6211\u5c31\u4ee5lodash\u548cjquery\u5e93\u4e3a\u4f8b\uff0c\u5c06\u5176\u4e24\u4e2a\u5e93\u6dfb\u52a0\u5230monaco\u4e2d\u3002\n\n## \u5c06loadash\u5e93\u96c6\u6210\u5230monaco\u7f16\u8f91\u5668\u4e2d\n\n\u9996\u5148\u6211\u4eec\u5148\u83b7\u53d6lodash\u7684ts\u58f0\u660e\u6587\u4ef6\u3002\u7ecf\u8fc7\u7b80\u5355\u7684\u641c\u7d22\uff0c\u6211\u627e\u5230\u4e86\u8fd9\u4e2agit\u4ed3\u5e93\uff0chttps:\/\/github.com\/DefinitelyTyped\/DefinitelyTyped\n\u8fd9\u4e2a\u4ed3\u5e93\u91cc\u5b58\u653e\u4e86\u975e\u5e38\u591a\u7684\u6211\u4eec\u5e38\u7528\u7684\u5e93\u7684ts\u58f0\u660e\u3002\n\u6211\u4eec\u77e5\u9053lodash\u7684ts\u58f0\u660e\u3002\u5728\u6b64\u5904\u53ef\u4ee5\u83b7\u53d6\nhttps:\/\/github.com\/DefinitelyTyped\/DefinitelyTyped\/blob\/master\/types\/lodash\/v3\/index.d.ts\n\u6ce8\u610f\u6709\u4e9b\u5e93\u7684`index.d.ts` \u53ea\u662f\u4e00\u4e2a\u5916\u58f3\uff0c\u5b9e\u8d28\u5185\u5bb9\u90fd\u662f\u5206\u6563\u5728\u5404\u4e2a\u5b50\u6587\u4ef6\u4e2d\u7684\u3002\n\u6211\u4eec\u5c06\u4e0a\u9762\u94fe\u63a5\u7684\u5185\u5bb9\u4fdd\u5b58\u5230`lodash.d.ts`\u6587\u4ef6\u4e2d\n\n\u7136\u540ehtml\u4e2d\u4f7f\u7528fetch\u83b7\u53d6\u8be5\u6587\u4ef6\u7684\u5177\u4f53\u5185\u5bb9\uff0c\u6838\u5fc3\u4ee3\u7801\u5982\u4e0b\n\n```\nconst monacoTypesUrl = '.\/lodash.d.ts'\nconst libSource = await (await fetch(monacoTypesUrl)).text();\nconsole.log(libSource)\n\nvar libUri = \"ts:filename\/lodash.d.ts\";\nmonaco.languages.typescript.javascriptDefaults.addExtraLib(libSource, libUri);\n\/\/ When resolving definitions and references, the editor will try to use created models.\n\/\/ Creating a model for the library allows \"peek definition\/references\" commands to work with the library.\nmonaco.editor.createModel(libSource, \"typescript\", monaco.Uri.parse(libUri));\n```\n\n\u8fd9\u6837\u96c6\u6210\u540e\uff0c\u770b\u770b\u5728\u7f16\u8f91\u5668\u4e2d\u7684\u8868\u73b0\uff0c\u5f53\u6211\u4eec\u6253\u51fa`lodash`\u7684\u547d\u540d\u7a7a\u95f4`_` \u65f6\n\n![](https:\/\/image.modbus.cn\/wp-content\/uploads\/2023\/03\/1679726670-image-950x367.png)\n\n\u7136\u540e\u6211\u4eec\u8c03\u7528 \u5b83\u7684 cloneDeep \u65b9\u6cd5\uff0c\u8868\u73b0\u5982\u4e0b\u56fe\uff1a\n\n![](https:\/\/image.modbus.cn\/wp-content\/uploads\/2023\/03\/1679726685-image-950x318.png)\n\n\u662f\u4e0d\u662f\u975e\u5e38\u7684\u68d2\uff1f\n\n\u4e0b\u9762\u518d\u6765\u770b\u4e00\u4e0bjquery\u5e93\u7684\u96c6\u6210\n\n## \u5c06jquery\u5e93\u96c6\u6210\u5230monaco\u7f16\u8f91\u5668\u4e2d\n\n\u9075\u5faa\u5176\u4e0a\u7684\u6b65\u9aa4\uff0c\u6211\u4eec\u5148\u8981\u83b7\u53d6jqueyr\u7684ts\u58f0\u660e\u6587\u4ef6\u3002\n\u4ece\u4e0b\u9762\u7684\u94fe\u63a5\uff0c\u4f60\u53ef\u4ee5\u62ff\u5230jquery v2\u7248\u672c\u7684 ts\u58f0\u660e\u3002\nhttps:\/\/github.com\/DefinitelyTyped\/DefinitelyTyped\/blob\/master\/types\/jquery\/v2\/index.d.ts\n\n\u6587\u4ef6\u5185\u5bb9\u62f7\u8d1d\u51fa\u6765\uff0c\u653e\u5230\u672c\u5730\u6587\u4ef6jquery.d.ts\u4e2d\n\u4fee\u6539 `monacoTypesUrl` \u53d8\u91cf\u4e3a `'.\/jquery.d.ts'`\n\n\u6211\u4eec\u5728\u6765\u770b\u4e00\u4e0b\u8c03\u7528jquery ajax\u7684\u81ea\u52a8\u5b8c\u6210\u3002\n\n![](https:\/\/image.modbus.cn\/wp-content\/uploads\/2023\/03\/1679726711-image-950x337.png)\n\n\u67e5\u770bajax\u7684\u65b9\u6cd5\u53c2\u8003\n\n![](https:\/\/image.modbus.cn\/wp-content\/uploads\/2023\/03\/1679726722-image-950x559.png)\n\n\u8fd9\u5c31\u662f\u5728monaco\u4e2d\u96c6\u6210\u989d\u5916\u5e93\u7684\u4f18\u79c0\u4f53\u9a8c\u3002\u80fd\u591f\u6781\u5927\u5730\u63d0\u5347\u7f16\u8f91\u5668\u7684\u7528\u6237\u4f53\u9a8c\u3002\n\n\u9664\u6b64\u4e4b\u5916\uff0c\u4f60\u8fd8\u53ef\u4ee5\u540c\u65f6\u6ce8\u5165\u591a\u4e2ats\u58f0\u660e\u5e93\uff0c\u4e5f\u53ef\u4ee5\u81ea\u5df1\u7f16\u5199ts\u58f0\u660e\u5e93\u6765\u5b8c\u6210\u81ea\u52a8\u63d0\u793a\uff0c\u81ea\u52a8\u5b8c\u6210\u3002\n\n## \u603b\u7ed3\n\n\u7f16\u8f91\u5668\u662f\u4e00\u4e2a\u975e\u5e38\u590d\u6742\u7684\u8f6f\u4ef6\u4ea7\u54c1\uff0c\u4efb\u4f55\u4e00\u4e2a\u53ef\u4ee5\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u7684\u529f\u80fd\u90fd\u9700\u8981\u91cd\u89c6\u3002\n\u5f00\u53d1\u4f53\u9a8c\u76f4\u63a5\u51b3\u5b9a\u4e86\u8be5\u4ea7\u54c1\u80fd\u5426\u6210\u529f\u3002\n\n---\n*modbus.cn*\n"