vscode配置js环境

1. 安装 Node.js

在官网上下载并安装最新版本的 Node.js：https://nodejs.org/en/

2. 安装 VS Code 扩展插件

在 VS Code 中搜索并安装“JavaScript (ES6) code snippets”和“ESLint”插件。

3. 配置 ESLint

在 VS Code 中按下 Ctrl + Shift + P，输入“settings”并选择“Open User Settings”。在搜索栏中输入“eslint”，找到“ESLint: Enable”选项并选中它。然后，在“ESLint: Options”中输入以下代码：

{
  "rules": {
    "semi": ["error", "always"],
    "quotes": ["error", "double"]
  }
}

这个配置将强制执行分号和双引号的使用。

4. 配置自动保存

在 VS Code 中按下 Ctrl + Shift + P，输入“settings”并选择“Open User Settings”。在搜索栏中输入“save”，找到“Files: Auto Save”选项并选择“After Delay”。这个设置将在每次修改代码后自动保存文件。

5. 配置代码格式

在 VS Code 中按下 Ctrl + Shift + P，输入“settings”并选择“Open User Settings”。在搜索栏中输入“format”，找到“Editor: Format On Save”选项并选中它。这个设置将在保存文件时自动格式化代码。

6. 配置调试器

在 VS Code 中按下 Ctrl + Shift + D，单击左侧的“Run and Debug”按钮，然后单击“Add Configuration”按钮。选择“Node.js”并编辑配置文件：

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${file}",
  "outFiles": [
    "${workspaceFolder}/dist/**/*.js"
  ]
}

这个配置将启动 Node.js 调试器，并将输出文件保存到“dist”文件夹中。

7. 创建一个新项目

在 VS Code 中选择“File”->“New Folder”，并命名为“my-project”。在“my-project”文件夹中创建一个新文件，命名为“index.js”。

8. 编写代码

在“index.js”文件中输入以下代码：

const hello = () => {
  console.log('Hello, world!');
};

hello();

9. 运行代码

按下 F5 键以启动调试器，并在控制台中看到“Hello, world!”的输出。