vscode配置javascript环境

要在 VSCode 中配置 JavaScript 环境，请按照以下步骤进行操作：

1. 安装 Node.js

首先需要安装 Node.js，因为它包含了 JavaScript 运行时和 npm 包管理器。可以在官网 https://nodejs.org/en/ 下载并安装 Node.js。

2. 创建一个新的项目

在 VSCode 中创建一个新的文件夹作为项目目录，然后打开终端并进入该目录，运行以下命令初始化项目：

npm init -y

这将创建一个 package.json 文件，其中包含项目的基本信息和依赖项。

3. 安装必要的依赖项

在终端中运行以下命令安装必要的依赖项：

npm install --save-dev eslint prettier

这将安装 ESLint 和 Prettier，它们是两个常用的 JavaScript 代码质量工具。

4. 配置 VSCode 插件

打开 VSCode 并安装以下插件：

- ESLint：用于在编辑器中显示代码错误和警告。
- Prettier：用于格式化代码并使其符合一致的样式。

5. 配置 VSCode 设置

打开 VSCode 的设置（快捷键为 Ctrl + ,），然后添加以下配置：

"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
}

这将在保存文件时自动格式化代码并修复 ESLint 错误。

6. 配置 ESLint

在项目目录中创建一个名为 .eslintrc.json 的文件，然后添加以下配置：

{
  "extends": ["eslint:recommended"],
  "parserOptions": {
    "ecmaVersion": 2020
  },
  "env": {
    "browser": true,
    "node": true
  }
}

这将启用一些常见的 ESLint 规则，并指定要解析的 JavaScript 版本和运行时环境。

7. 配置 Prettier

在项目目录中创建一个名为 .prettierrc 的文件，然后添加以下配置：

{
  "semi": false,
  "singleQuote": true
}

这将禁用分号并使用单引号作为字符串引号。

现在，您已经成功地配置了 JavaScript 环境并准备好开始编写代码了。