如何在 vs 代码中更新我的配置文件?
How do I update my config file in vs code?
当我在 VS Code 上看到示例配置文件时,它们通常很长,并提供两个用于更新的面板(一个用于默认设置,另一个用于自定义)。出于某种原因,我的配置文件只有几行,每当我尝试更新它时,什么也没有发生:
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}"
}
]
}
例如,我正在尝试添加一行代码来消除在找到的 .js 文件中使用 .jsx 时显示的错误 here and ,但它不起作用。这只是一个例子,我也尝试过其他修改。我如何将下面的代码添加到我的 launch.json(是否有多个 launch.json?)。如您所见,我对此非常陌生,所以感谢您的帮助。
"rules": {
"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
}
launch.json文件用于启动构建、运行或调试等命令,您需要更改一些设置,而不是启动任何东西。
vsCode 为您提供了几种声明设置的方法:
- Workspace - 将在您的根工作区目录中保存一个 settings.json 文件。
- 用户 - 将 settings.json 文件保存在其中一个 ose 路径中(根据您的 os):
- Windows%APPDATA%\Code\User\settings。 json.
- Mac$HOME/Library/ApplicationSupport/Code/User/settings。 json.
- Linux $HOME/. config/Code/User/settings。 json.
On vsCode docs 你可以阅读所有相关内容。
您可以通过ctrl+shift+p打开命令来编辑您的设置调色板和搜索设置,或文件 > 首选项 > 设置(Mac 上的代码 > 首选项 > 设置)。
您可以打开:
- 默认设置:Ctrl+Shift+P/Cmd +Shift+P -> 打开默认设置 (JSON).
- VS Code设置(应用于整个VS Code实例):Ctrl+Shift+P / Cmd+Shift+P` -> 打开设置 (JSON) .
- 工作区设置(仅适用于当前“项目”/文件夹):在根目录“.vscode”文件夹中创建 -> 'settings.json' 文件。
所有这些你都可以在 UI 而不是 JSON 中找到。
在您的示例中,您提供了启动配置(它不是 vs 代码设置),它用于配置如何 launch/debug 您的应用程序。
如果你想摆脱错误,你不需要使用 VS 代码设置。这些规则:
"rules": {
"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
}
是 eslint 插件的配置(基于您提供的链接)。因此,您需要将这些行放入 .eslintrc
文件,并且应安装并正确配置 eslint 和适当的插件。
当我在 VS Code 上看到示例配置文件时,它们通常很长,并提供两个用于更新的面板(一个用于默认设置,另一个用于自定义)。出于某种原因,我的配置文件只有几行,每当我尝试更新它时,什么也没有发生:
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}"
}
]
}
例如,我正在尝试添加一行代码来消除在找到的 .js 文件中使用 .jsx 时显示的错误 here and
"rules": {
"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
}
launch.json文件用于启动构建、运行或调试等命令,您需要更改一些设置,而不是启动任何东西。 vsCode 为您提供了几种声明设置的方法:
- Workspace - 将在您的根工作区目录中保存一个 settings.json 文件。
- 用户 - 将 settings.json 文件保存在其中一个 ose 路径中(根据您的 os):
- Windows%APPDATA%\Code\User\settings。 json.
- Mac$HOME/Library/ApplicationSupport/Code/User/settings。 json.
- Linux $HOME/. config/Code/User/settings。 json.
On vsCode docs 你可以阅读所有相关内容。
您可以通过ctrl+shift+p打开命令来编辑您的设置调色板和搜索设置,或文件 > 首选项 > 设置(Mac 上的代码 > 首选项 > 设置)。
您可以打开:
- 默认设置:Ctrl+Shift+P/Cmd +Shift+P -> 打开默认设置 (JSON).
- VS Code设置(应用于整个VS Code实例):Ctrl+Shift+P / Cmd+Shift+P` -> 打开设置 (JSON) .
- 工作区设置(仅适用于当前“项目”/文件夹):在根目录“.vscode”文件夹中创建 -> 'settings.json' 文件。
所有这些你都可以在 UI 而不是 JSON 中找到。
在您的示例中,您提供了启动配置(它不是 vs 代码设置),它用于配置如何 launch/debug 您的应用程序。
如果你想摆脱错误,你不需要使用 VS 代码设置。这些规则:
"rules": { "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], }
是 eslint 插件的配置(基于您提供的链接)。因此,您需要将这些行放入 .eslintrc
文件,并且应安装并正确配置 eslint 和适当的插件。