VSCode入门指南：从安装到第一个“Hello World”

VSCode是轻量且功能强大的代码编辑器，适合新手快速上手；需从官网下载安装、创建项目文件夹、编写index.js并用内置终端运行node index.js输出“Hello World”。

如果您刚刚接触代码编辑器，希望快速上手并运行第一个程序，则 VSCode 是一个轻量且功能强大的选择。以下是完成安装与首个程序输出的完整流程：

本文运行环境：MacBook Air，macOS Sequoia。

一、下载并安装 VSCode

VSCode 是微软开发的开源代码编辑器，需从官网获取安装包以确保版本可靠性和安全性。

1、打开浏览器，访问 code.visualstudio.com 官方网站。

2、在首页点击 Download for macOS 按钮，下载 .zip 格式安装包。

3、双击下载完成的 VSCode.zip 文件，解压出 Visual Studio Code.app。

4、将该应用拖入 Applications 文件夹完成安装。

二、启动并配置基础工作区

首次启动时需建立一个本地文件夹作为项目根目录，以便编辑器识别文件上下文与语言支持。

1、打开 Launchpad 或 Finder，找到并双击 Visual Studio Code 应用图标。

2、点击菜单栏 File → Open Folder…。

3、新建一个名为 hello-world-demo 的空文件夹，并选中它后点击 Open。

AI Word

一款强大的 AI 智能内容创作平台，致力于帮助用户高效生成高质量、原创且符合 SEO 规范的各类文章。

226 查看详情

三、创建并保存第一个 J*aScript 文件

VSCode 默认支持 J*aScript 语法高亮与基础执行，无需额外插件即可编写和运行简单脚本。

1、在左侧资源管理器中，点击 New File 图标（或按 ⌘+N）。

2、输入文件名 index.js，然后按回车确认。

3、在新打开的编辑窗口中，键入 console.log("Hello World");。

4、按 ⌘+S 保存文件，确保文件路径位于当前打开的 hello-world-demo 文件夹内。

四、在集成终端中运行程序

VSCode 内置终端可直接调用系统命令行工具，利用 Node.js 执行 J*aScript 脚本。

1、按下快捷键 ⌘+`（反引号），唤出集成终端面板。

2、确认终端当前路径为 hello-world-demo 文件夹（可通过 pwd 命令验证）。

3、输入命令 node index.js 并回车。

4、终端将立即输出 Hello World 字样，表示执行成功。

以上就是VSCode入门指南：从安装到第一个“Hello World”的详细内容，更多请关注其它相关文章！