标签 vscode 下的文章

在 VScode 中配置前端代码格式化,可以通过以下几个步骤进行:

1. 安装 Prettier 插件

Prettier 是一个流行的代码格式化工具,支持很多编程语言,包括 JavaScript、TypeScript、HTML 和 CSS。

  • 打开 VScode,点击左侧的 扩展(Extensions)图标,搜索并安装 Prettier - Code formatter

2. 配置 Prettier

通过修改 .vscode/settings.json 文件来配置 Prettier 格式化选项:

  • 在 React 项目的根目录下创建(如果没有的话)一个 .vscode/settings.json 文件,添加以下内容:

    {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true, // 保存时自动格式化
    "prettier.singleQuote": true, // 使用单引号
    "prettier.trailingComma": "es5", // 在可能的情况下,添加尾随逗号
    "prettier.semi": true, // 结尾加分号
    "prettier.tabWidth": 2 // 缩进宽度
    }

3. 配置项目中的 .prettierrc 文件(可选)

为了让团队中的每个人都使用相同的代码格式,可以在项目根目录下添加一个 .prettierrc 配置文件,内容如下:

{
  "singleQuote": true,
  "trailingComma": "es5",
  "semi": true,
  "tabWidth": 2
}

这样,无论是使用 Prettier 插件,还是通过命令行运行 prettier,都会遵循这些配置。

在使用 Java 开发时,正确配置开发环境至关重要。特别是对于使用 Visual Studio Code (VS Code) 的程序员来说,确保安装和配置适当的 Java Development Kit (JDK) 是关键的一步。本文将带你通过安装 JDK、配置环境变量以及在 VS Code 中设置 Java 版本的完整流程。

1. 下载并安装 JDK

首先,你需要下载并安装合适的 JDK 版本。我推荐使用 OpenLogic 提供的 OpenJDK 版本,因为它免费且可靠。你可以访问OpenLogic OpenJDK下载页面来选择适合你操作系统的版本。根据需要选择 Java Version、Operating System、Architecture 和 Java Package,然后下载 .zip 文件。

下载完成后,解压缩文件,并将其中的 bin 文件夹路径添加到系统的环境变量中。

2. 配置环境变量

在你解压缩 JDK 文件后,需要配置环境变量,以便系统能够识别 Java 命令。

Windows

  1. 打开 系统属性 -> 高级系统设置 -> 环境变量
  2. 系统变量 部分,找到 Path,并进行编辑。
  3. 添加 JDK 的 bin 目录路径。例如:C:\Program Files\Java\openlogic-openjdk-21.0.4+7-windows-x64\bin

macOS / Linux

  1. 编辑 ~/.bashrc~/.zshrc~/.bash_profile 文件,添加以下行:

    export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk-XX.X.X.jdk/Contents/Home
    export PATH=$JAVA_HOME/bin:$PATH
  2. 保存并关闭文件,然后运行 source ~/.bashrcsource ~/.zshrc 使其生效。

3. 在 VS Code 中安装 Java 扩展

为了在 VS Code 中更好地开发 Java 项目,你需要安装 Java 扩展包。

  1. 打开 VS Code。
  2. 转到扩展市场(点击左侧栏中的四方块图标)。
  3. 搜索并安装 “Java Extension Pack”。该扩展包包含多个有用的工具,如 Language Support for Java™ by Red Hat、Debugger for Java、Maven for Java 等。

4. 在 VS Code 中配置 Java 版本

安装完 Java 扩展包后,你可以通过修改 VS Code 的 settings.json 文件来指定 Java 版本。

  1. 打开 VS Code,按 Ctrl + ,(Windows)或 Cmd + ,(macOS)进入设置。
  2. 搜索 “Java: Home”,找到配置选项。
  3. 点击“编辑”图标,这会打开 settings.json 文件。你可以手动添加或修改 Java 的路径。例如:

    "java.home": "E:\\openlogic-openjdk-21.0.4+7-windows-x64"

5. 切换 Java 版本

如果你安装了多个 JDK 版本,可以通过更新 java.home 配置来切换版本。你还可以使用多版本管理工具,如 macOS/Linux 上的 jEnv,来更方便地管理多个 JDK 版本。

完成以上步骤后,你就可以在 VS Code 中顺利地使用你指定的 Java 版本了。通过在终端运行 java -version,你可以确认当前使用的 Java 版本是否正确。

通过这些步骤,你已经成功配置了 Java 开发环境,并可以在 VS Code 中高效编写和调试 Java 程序了!