VSCode JavaScript 扩展配置指南

在这个指南中，我们将介绍如何在 VSCode 中配置 JavaScript 扩展，以提升您的开发体验。

安装扩展

首先，打开 VSCode，按下 Ctrl+Shift+X 或 Cmd+Shift+X 打开扩展市场。搜索以下扩展并安装：

• ESLint: 用于代码质量和风格检查。
• Prettier: 用于代码格式化。
• Code Runner: 用于运行 JavaScript 代码。

ESLint 扩展

Prettier 扩展

Code Runner 扩展

配置扩展

1. ESLint:
   • 打开设置（Ctrl+, 或 Cmd+,）。
   • 搜索 ESLint 并选择 ESLint: Configuration。
   • 点击 Edit in settings.json，然后添加以下配置：

{
  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
  "eslint.extends": ["eslint:recommended", "plugin:react/recommended"]
}

2. Prettier:
   • 打开设置（Ctrl+, 或 Cmd+,）。
   • 搜索 Prettier 并选择 Prettier: Configuration。
   • 点击 Edit in settings.json，然后添加以下配置：

{
  "prettier.printWidth": 80,
  "prettier.tabWidth": 2,
  "prettier.singleQuote": true
}

3. Code Runner:
   • 打开设置（Ctrl+, 或 Cmd+,）。
   • 搜索 Code Runner 并选择 Code Runner: Configuration。
   • 添加以下配置：

{
  "code-runner.runInTerminal": true,
  "code-runner.executorMap": {
    "javascript": "node"
  }
}

总结

通过以上配置，您可以在 VSCode 中使用 JavaScript 扩展，提升您的开发效率。更多关于 VSCode 的信息，请访问我们的官方文档。

VSCode 官方文档