TypeScript Essentials 扩展包 是为 Visual Studio Code 设计的，旨在为 TypeScript 项目提供必要的扩展工具。我保留根据个人判断更新扩展包内容的权利。此扩展包最初是为我个人使用而开发的，但如果它能帮助到其他用户，我将感到非常高兴。

开发背景：

TypeScript Essentials 扩展包的设计初衷是自动化和标准化团队新成员加入、设备更换或恢复时的 TypeScript 扩展安装过程，确保团队成员能够快速上手并保持开发环境的一致性。

查看 CHANGELOG 以获取最新更新信息。

settings.json 配置：

强烈建议在您的工作区中使用以下设置。您需要复制并粘贴这些设置，如果需要调整某些内容，您将知道在哪里进行更改。

{
    /**
     * JavaScript Essentials 配置
     */
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "javascript.format.enable": true,
    "javascript.format.semicolons": "insert",
    "javascript.preferences.quoteStyle": "single",
    "eslint.enable": true,
    "eslint.codeAction.showDocumentation": {
        "enable": true
    },
    "eslint.codeAction.disableRuleComment": {
        "enable": true,
        "location": "sameLine"
    },
    "npm-intellisense.importES6": true,
    "npm-intellisense.importQuotes": "'",
    "npm-intellisense.importLinebreak": ";\r\n",
    "npm-intellisense.importDeclarationType": "const",
    /**
     * Path-Intellisense 扩展在 JavaScript 上的特定配置
     */
    "javascript.suggest.paths": false,
    "path-intellisense.showHiddenFiles": true,
    "formattingToggle.affects": [
        "editor.formatOnPaste",
        "editor.formatOnType"
    ],
    /**
     * TypeScript Essentials 配置
     */
    "[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "typescript.format.enable": true,
    "typescript.format.semicolons": "insert",
    "typescript.preferences.quoteStyle": "single",
    /**
     * Path-Intellisense 扩展在 TypeScript 上的特定配置
     */
    "typescript.suggest.paths": false,
}

如果您同时使用 VSC-Essentials 扩展包，可以在这里查看完整的 settings.json 文件。

请注意，如果您更喜欢使用 ESLint 作为默认代码格式化工具，而不是 VSCode 自带的格式化工具，您需要在 settings.json 文件中更改以下设置：

"[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
},
"[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
},

改为：

"[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"[typescript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
},

关于使用 Firefox 的调试器，我强烈建议阅读其文档以获得完整的调试体验。

TypeScript TSLint 语言服务插件：

TSLint 扩展曾经是此扩展包的一部分，但由于其已被废弃。如果您在市场中搜索，仍能找到它，但大多数情况下建议迁移到 ESLint，它支持相同的功能。关于迁移过程的相关文档有很多，以下是我认为最方便的资源：

• tslint-to-eslint-config，转换您的 TSLint 配置为最接近的合理 ESLint 等效配置。
• 从 TSLint 迁移到 ESLint，TSLint 过去是推荐的代码检查工具，但现在已被废弃，ESLint 接管了其职责。这篇文章将帮助您从 TSLint 迁移到 ESLint。
• typescript-eslint，启用 ESLint 和 Prettier 支持 TypeScript 的工具。
• TSLint GitHub，Palantir Technologies 的原始 TSLint 仓库。

注意：

此项目使用 VSC-Essentials 项目作为模板。

包含的扩展：

此扩展包包含以下扩展：

扩展名称	统计信息
TypeScript Importer
Javascript-Essentials