需先完成安装、基础配置及必要插件添加:一、官网下载.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插件)。
