TypeScript Import：Visual Studio Code TypeScript自动导入插件

TypeScript Import是一款专为Visual Studio Code设计的TypeScript代码自动导入插件。开发过程中，常常需要处理分布在项目不同位置的文件，管理这些文件的命名空间变得尤为繁琐。使用TypeScript Import，您只需在代码中声明导入，插件会自动处理其余部分，极大简化了您的开发流程。

安装方法

• 预编译版：直接将最新的vsix文件拖放到Visual Studio Code中，然后重启即可。
• 编译版：适用于插件开发者，请参考下文的构建说明。

使用方法

TypeScript Import插件适用于使用命名空间的任何TypeScript项目，支持单一项目使用。

• 多项目、跨依赖：插件可以从其他项目中提取命名空间。默认使用kungfusheep的ts-internal-module-workflow中的WorkflowFiles，但可以在设置中覆盖此选项。

支持的模块

• 命名空间：支持
• ES6导入：支持（实验性）
• CommonJS：支持
• AMD：不支持
• SystemJS：不支持
• UMD：不支持

未来可能会增加对其他模块的支持。

设置选项

// 设置为true时，导入将在括号中显示命名空间
"TypeScriptImporter.showNamespaceOnImports": true,

// TSConfig中引用我们有访问权限的依赖框架的节点。列在这里的任何框架都将提供代码提示。需要重新加载才能生效
"TypeScriptImporter.TSConfigFrameworkName": "workflowFiles",

// 以逗号分隔的字符串。这些文件夹将从代码提示中排除。这在混合使用CommonJS和命名空间时非常有用
"TypeScriptImporter.IgnoreListedFolders": "./, .scripts/",

// 重新同步更改的时间间隔。仅限高级用户，可能导致不稳定
"TypeScriptImporter.SyncInterval": "15"

随着项目扩展到更多模块，将会添加更多设置选项。

构建方法

在Visual Studio Code中打开客户端和服务器代码，并运行内置任务。

或者：

cd client && tsc -w
cd server && tsc -w

调试方法

打开两个代码库，在Visual Studio Code中从客户端开始调试会话，然后在服务器上启动调试会话。