如何解决“vscode javascript代码没有提示”

作为一名经验丰富的开发者，我将指导你如何解决在Visual Studio Code（以下简称VSCode）中遇到的JavaScript代码没有提示的问题。首先，我将为你展示整个解决问题的流程，并提供每个步骤所需的代码和注释。

解决流程

下面的表格将展示解决问题的流程：

gantt
    dateFormat  YYYY-MM-DD
    title 解决“vscode javascript代码没有提示”流程

    section 定位问题
    定位问题           :done,    des1, 2022-01-01,2022-01-03
    section 安装插件
    安装ESLint插件      :done,    des2, 2022-01-04,2022-01-05
    安装Prettier插件    :done,    des3, 2022-01-04,2022-01-05
    section 配置设置
    配置ESLint          :done,    des4, 2022-01-06,2022-01-07
    配置Prettier        :done,    des5, 2022-01-06,2022-01-07
    section 重启VSCode
    重启VSCode         :done,    des6, 2022-01-08,2022-01-08

定位问题

首先，我们需要定位问题。在VSCode中，如果JavaScript代码没有提示，通常是因为缺少相关的代码检查和格式化工具。为了解决这个问题，我们需要安装ESLint和Prettier插件。

安装插件

在VSCode中，按下Ctrl + Shift + X（Windows/Linux）或Cmd + Shift + X（Mac）打开扩展面板。在搜索框中输入"ESLint"，然后点击安装按钮来安装ESLint插件。同样地，搜索框中输入"Prettier"，并点击安装按钮来安装Prettier插件。

配置设置

安装完插件后，我们需要配置一些设置来使它们生效。

配置ESLint

1. 在VSCode中，按下Ctrl + Shift + P（Windows/Linux）或Cmd + Shift + P（Mac）打开命令面板。
2. 输入"ESLint: Create ESLint Configuration"并选择它。
3. 这将创建一个.eslintrc.json文件，它是ESLint的配置文件。
4. 打开.eslintrc.json文件，并添加以下内容：

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

配置Prettier

1. 在VSCode中，按下Ctrl + ,（Windows/Linux）或Cmd + ,（Mac）打开用户设置。
2. 在搜索框中输入"format on save"，并勾选"Editor: Format On Save"选项。
3. 在搜索框中输入"eslint"，并找到"ESLint: Auto Fix On Save"选项，并确保它被勾选。

重启VSCode

最后一步是重启VSCode，这样以上的设置才会生效。

现在，当你打开JavaScript文件并开始编写代码时，你应该会看到代码提示已经生效了。

希望这篇文章能帮助到你解决“vscode javascript代码没有提示”的问题。如果你遇到其他问题，可以随时向我求助。