VS Code初学者指南：第一次启动后该做什么

先安装常用扩展，再熟悉界面与操作，最后配置个性化设置。安装Python、ESLint、Prettier等插件提升效率，使用资源管理器管理文件，通过Ctrl+`打开终端，启用自动保存和代码换行，统一缩进为2或4空格，以项目文件夹方式工作，逐步打造高效编码环境。

刚打开 VS Code，界面简洁但有点陌生？别担心，这是每个开发者都会经历的第一步。重点不是马上掌握所有功能，而是快速搭建一个顺手的环境，让你能专注写代码。下面这几步，帮你从零开始高效使用 VS Code。

安装常用扩展

VS Code 的强大之处在于扩展生态。装对几个核心插件，效率立刻提升。

• 语言支持：比如你写 Python，就装 “Python” 官方扩展；写 JavaScript 或 TypeScript，它们已内置，但可加 “ESLint” 帮你检查代码。
• 主题与图标：搜 “Material Icon Theme” 让文件夹和文件更清晰；再挑个喜欢的配色主题，比如 “One Dark Pro”，眼睛会舒服很多。
• 代码格式化工具：Prettier 几乎是标配，保存时自动整理代码格式，团队协作不打架。

打开左侧活动栏的拼图图标（扩展），搜索关键词就能找到并安装。

熟悉基本界面与操作

不用死记菜单，先搞清楚哪块是干啥的：

• 左边是资源管理器，点文件就能在中间编辑区打开。
• 顶部菜单可以新建文件、保存、撤销等，但多数时候用快捷键更快。
• 按 Ctrl + \` 打开内置终端，不用切窗口就能运行命令。
• 想快速找文件？Ctrl + P 输入名字，秒开。

配置用户设置

点左下齿轮图标，选“设置”，可以图形化修改。建议开启：

Word-As-Image for Semantic Typography

文字变形艺术字、文字变形象形字

62

查看详情

• “Auto Save” 设为 “afterDelay”，避免频繁手动保存。
• “Word Wrap” 打开，长代码自动换行，不用左右滚动。
• 如果多人协作，把 “Editor: Tab Size” 统一成 2 或 4 空格，避免缩进混乱。

也可以直接编辑 settings.json 文件，做更精细控制。

创建项目文件夹并打开

VS Code 更适合以文件夹为单位工作。新建一个项目文件夹，比如 “my-first-app”，然后在 VS Code 中选择“打开文件夹”。这样整个结构都可见，还能启用调试、任务等功能。

在这个文件夹里新建 .js、.py 或 .html 文件，立刻开始练习。

基本上就这些。不用一次做完，边用边调才是正道。VS Code 灵活又轻量，关键是你让它适应你的习惯，而不是反过来。

以上就是VS Code初学者指南：第一次启动后该做什么的详细内容，更多请关注php中文网其它相关文章！