vscode配置js环境

1. 安装 Node.js 和 npm

首先，你需要先安装 Node.js，因为它包含了 npm（Node.js 包管理器）。在 Node.js 的官网上，下载并安装最新版本的 Node.js。

2. 安装 VS Code

如果你已经安装了 VS Code，可以跳过这一步。如果没有，请到 VS Code 的官网上下载并安装它。

3. 打开终端

在 VS Code 中，你可以打开终端（Terminal），它可以让你在 VS Code 中执行命令行操作。

在 VS Code 中，按下 Ctrl + Shift + ` 键，就可以打开终端了。

4. 安装 ESLint

ESLint 是一个 JavaScript 代码检查工具，它可以让你的代码更规范、更易读。在终端中，执行以下命令安装 ESLint：

npm install -g eslint

5. 创建一个项目

在终端中，进入到你想要创建项目的目录。执行以下命令创建一个新的项目：

mkdir my-project
cd my-project
npm init -y

6. 安装 VS Code 插件

在 VS Code 的插件市场中，有很多可以帮助你编写 JavaScript 代码的插件。以下是一些常用的插件：

- ESLint：代码检查工具，可以帮助你规范代码。
- Prettier：代码格式化工具，可以帮助你格式化代码。
- Debugger for Chrome：可以让你在 VS Code 中调试 Chrome 浏览器中的 JavaScript 代码。

在 VS Code 中，按下 Ctrl + Shift + X 键，就可以打开插件市场了。搜索上述插件，并安装它们。

7. 配置 VS Code

在 VS Code 中，你需要配置一些设置，以便让它更好地支持 JavaScript 开发。

打开 VS Code 的设置（Preferences -> Settings），并添加以下设置：

"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
},
"eslint.alwaysShowStatus": true,
"eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
"javascript.format.enable": false,
"typescript.format.enable": false,

这些设置的作用如下：

- editor.formatOnSave：在保存文件时，自动格式化代码。
- editor.codeActionsOnSave：在保存文件时，自动运行 ESLint 检查，并修复错误。
- eslint.alwaysShowStatus：在状态栏中显示 ESLint 检查结果。
- eslint.validate：指定要检查的文件类型。
- javascript.format.enable：禁止 VS Code 格式化 JavaScript 代码（使用 Prettier 格式化）。
- typescript.format.enable：禁止 VS Code 格式化 TypeScript 代码（使用 Prettier 格式化）。

8. 创建 JavaScript 文件

在项目目录中，创建一个 JavaScript 文件（例如 index.js），并写入一些 JavaScript 代码。保存文件后，你应该可以看到 VS Code 自动格式化代码，并在状态栏中显示 ESLint 检查结果了。