关于 VSCode 写代码环境配置

70 阅读2分钟

关于 VSCode 环境配置

本文将介绍如何配置 VSCode 环境,包括 VSCode 的下载、Git 的安装、Yarn 的安装以及 Cmder 的安装和配置。另外,还将提供一些代码片段,用于将 Cmder 与 VSCode 配合使用。

1. VSCode 下载

首先,我们需要下载并安装 Visual Studio Code (简称 VSCode)。你可以在官方网站上 code.visualstudio.com 下载适合你操作系统的版本。

2. Git 安装

在配置 VSCode 环境之前,我们需要安装 Git。Git 是一个版本控制工具,用于跟踪代码的变化。你可以在 git-scm.com/downloads 下载适合你操作系统的 Git 安装程序,并按照安装向导进行安装。

3. 安装Node.js

Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它允许你在服务器端运行JavaScript代码。你可以在Node.js官方网站nodejs.org/en 上下载适用于你的操作系统的安装程序,并按照提示进行安装。

4. Yarn 安装

接下来,我们需要安装 Yarn。Yarn 是一个快速、可靠、安全的软件包管理器,用于管理项目中的依赖项。你可以在 Yarn 的官方网站 yarnpkg.com 下载适合你操作系统的安装程序,并按照指示进行安装。

5. Cmder 安装和配置

Cmder 是一个 Windows 平台上的命令行工具,提供了更强大和友好的命令行环境。你可以在 Cmder 的官方网站 cmder.app/ 下载最新版本的安装程序。

5.1 Cmder 配置

安装完成后,打开 Cmder,点击窗口右上角的设置按钮(齿轮图标),选择 "Settings"。

  1. 语言设置为“中文”
  2. 选择你的启动任务:改为{bash::bash}

5.2 Cmder 与 VSCode 配合

为了将 Cmder 与 VSCode 配合使用,我们需要在 VSCode 的配置文件中添加一些代码片段。请按照以下步骤进行配置:

  1. 在 VSCode 中,按下 Ctrl + Shift + P (或 Cmd + Shift + P),打开命令面板。
  2. 在命令面板中,输入 "Preferences: Open Settings (JSON)" 并选择该命令,以打开 VSCode 的设置文件。
  3. 在设置文件中,添加以下代码片段:
"git.enabled": true,
"git.path": "D:\\app\\cmder\\vendor\\git-for-windows\\cmd\\git.exe",
"terminal.integrated.profiles.windows": {
  "bash": {
    "path": "D:\\app\\cmder\\vendor\\git-for-windows\\bin\\bash.exe",
    "args": []
  }
},
"terminal.integrated.defaultProfile.windows": "bash"

D:\app\cmder修改为自己的安装路径

  1. 保存并关闭设置文件。

现在,你已经成功配置了 Cmder 与 VSCode 的配合。可以使用 VSCode 的终端功能,并且默认终端将使用 Cmder 的 bash。

希望本文能够帮助你成功配置 VSCode 环境,并提升你的开发效率!