跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

Mac怎么安装Visual Studio Code_Mac如何配置VSCode编辑器和开发插件【入门】

需先完成安装、基础配置及必要插件添加:一、官网下载.dmg包,解压拖入“应用程序”并绕过安全限制;二、通过命令面板安装code命令至PATH;三、修改settings.json配置字体、自动保存等;四、安装Python、Prettier、ESLint、GitLens插件;五、创建test.js运行验证。

如果您希望在Mac上开始使用Visual Studio Code进行代码编辑与开发,需先完成安装、基础配置及必要插件的添加。以下是具体操作步骤:

一、下载并安装VS Code应用程序

VS Code官方提供适用于mac OS的原生.dmg安装包,通过图形化方式完成安装,无需命令行依赖,适合初学者快速部署。

1、打开浏览器,访问官网地址

https://code.visualstudio.com/Download。

2、在下载页面中,点击标有“macOS”字样的蓝色下载按钮(图标为Apple标志)。

3、下载完成后,双击打开下载的

VSCode-darwin-universal.zip文件,解压得到Visual Studio Code.app。

4、将该应用拖拽至“应用程序”文件夹中完成安装。

5、在“应用程序”文件夹中右键点击“Visual Studio Code”,选择“显示简介”,勾选“仍要打开”以绕过macOS对未签名开发者应用的安全限制。

二、通过命令行启用code命令

在终端中直接输入code启动编辑器,是高效开发的基础配置,该操作将VS Code注册为系统级可执行命令。

1、启动VS Code应用程序。

2、按下

Shift + Command + P打开命令面板。

3、输入并选择

Shell Command: Install 'code' command in PATH。

4、等待提示“Command 'code' was successfully installed in PATH”出现。

5、关闭并重新打开终端窗口,输入

code --version验证是否生效。

三、配置常用基础设置

修改默认设置可提升编码效率,包括字体大小、自动保存、行号显示等,所有更改均作用于用户级别,不影响其他账户。

1、在VS Code中按下Command + ,打开设置界面。

2、在右上角点击“打开设置(JSON)”图标(花括号{})。

3、在打开的 settings.json 文件中,粘贴以下内容(可覆盖原有内容):{"editor.fontSize": 14,"files.autoSave": "onFocusChange","editor.lineNumbers": "on","editor.renderWhitespace": "all"}通义灵码 Mac版通义灵码 Mac版是阿里云推出的一款AI智能编码助手,深度集成于Xcode、VS Code及JetBrains等主流IDE中。它基于大模型技术,支持行级/函数级实时续写、自然语言生成代码、单元测试生成及智能问答等核心功能。macOS用户可通过插件市场直接安装,开箱即用,旨在辅助开发者高效完成编码任务,提升研发效率。

下载

4、按下

Command + S保存文件。

四、安装核心开发插件

插件扩展VS Code功能,针对不同语言和任务提供语法高亮、智能补全、调试支持等能力,以下为通用入门必备项。

1、点击左侧活动栏第四个图标(方块拼图),进入扩展视图。

2、在搜索框中依次输入并安装下列插件(每安装一个后按回车确认):

Python Prettier - Code formatter ESLint GitLens — Git supercharged 3、安装完成后,点击每个插件右侧的“重载”按钮(或重启VS Code)使功能激活。

五、创建并运行首个测试文件

验证编辑器与插件是否正常协同工作,通过新建文件、编写简单代码并执行,确认环境可用性。

1、在终端中执行

mkdir ~/vscode-test && cd ~/vscode-test创建测试目录。

2、执行

code .

在当前目录中启动VS Code。

3、按下

Command + N新建空白文件。

4、输入以下内容:

console.log("Hello from VS Code on macOS!");

5、按下

Command + S保存文件,命名为test.js。

6、右键编辑器内任意位置,选择

Run Code(若已安装Code Runner插件)。

相关文章