Visual Studio Code 写代码前的准备(macOS)

语言: CN / TW / HK

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第7天,点击查看活动详情

本文主要是原官方文档的翻译,加以理解。

一、安装

  1. 点击 Download Visual Studio Code 完成 VS Code macOS 版本的安装.

二、从命令行启动

在添加 VS Code 到 path 中后,你也可以在终端上运行 VS Code,然后键入' Code ':

  • 启动 VS Code
  • 打开命令面板(Command Palette)(快捷键:Cmd+Shift+P),键入“shell Command”,找到 shell Command: 在PATH 命令中安装“code”命令

image.png

  • 重新启动终端,使新的 $PATH 值生效。你可以在任何文件夹中输入“code .”(注意此处code和.之间有一个空格哦~)来开始编辑该文件夹中的文件。

注意: 如果您的.bash_profile(或等效代码)中仍然有早期VS code版本的旧代码别名,请删除它并通过执行Shell命令:Install 'code'命令在PATH命令中替换它.

三、选择手动指令

除了运行上面的命令,你可以手动添加 VS Code 到你的路径,运行以下命令:

``` cat << EOF >> ~/.bash_profile

Add Visual Studio Code (code)

export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin" EOF ``` 启动一个新终端以获取.bash_profile更改。

注意: 前面的斜杠\是必需的,以防止$PATH在连接(concatenation)期间展开。如果您想直接在终端中运行export命令,请删除开头的斜杠

注意: 由于zsh成为macOS Catalina的默认shell,运行以下命令来添加VS Code到你的路径:

``` cat << EOF >> ~/.zprofile

Add Visual Studio Code (code)

export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin" EOF ```

四、Touch Bar的支持

VS Code添加了在编辑器历史中导航的操作,以及在你的 Touch Bar 上有完整的调试工具栏来控制调试:

image.png

图中出现的用于调试的工具栏将出现在Touch Bar上,如下所示

image.png

五、Mojave隐私保护

在升级到macOS Mojave版本后,你可能会看到对话框说“Visual Studio Code想要访问你的{日历/联系人/照片}”。这是由于Mojave新的隐私保护,而不是特定于VS Code。运行其他应用程序时也可能显示相同的对话框。每个类型的个人数据都会显示一次对话框,选择不允许是可以的,因为VS Code不需要访问这些文件夹。

六、更新

VS Code每月发布一个版本,并且当有新版本可用时支持自动更新。如果你被VS Code提示,接受最新的更新,它将被安装(你不需要做任何其他事情来获得最新的比特)。

注意: 如果你喜欢按照自己的时间表更新 VS Code,你可以禁用自动更新。

七、参数菜单

你可以通过settings(设置), color themes, (颜色主题)和 custom keybindings(自定义键绑定)来配置VS Code,这些都可以通过 Code > Preferences 选项菜单组获得。

您可能会在文档中看到 File > Preferences 的提及,它是 Windows 和 Linux 上的 Preferences 菜单组的位置。在 macOS 上,Preferences 菜单组位于 Code 下,而不是 File 下。

八、下一步

一旦你安装了 VS Code,这些主题将帮助你更多地了解 VS Code: - 附加组件(Additional Components)——学习如何安装 Git、Node.js、TypeScript 以及 Yeoman等工具。 - 用户界面(User Interfac)-快速定位VS Code。 - 用户/工作区设置(User/Workspace Settings)-学习如何配置VS Code到您的首选项设置。