讲师中心 微信公众号
AI工具推荐 视频效率加速

VSCode首次启动?你必须完成的5个初始设置

酷辰小哥_5201

酷辰小哥_5201

发布时间:2026-01-06 13:09:56

|

1027人浏览过

|

来源于php中文网

原创

您必须完成5个初始设置:一、启用自动保存并设UTF-8编码;二、安装ESLint等核心扩展;三、设zsh为默认终端;四、调整字体、字号与行高;五、配置用户代码片段。

vscode首次启动?你必须完成的5个初始设置

如果您刚刚安装并首次启动 Visual Studio Code,界面可能显得空白且缺乏个性化配置,导致编辑效率低下。以下是您必须完成的 5 个初始设置:

本文运行环境:MacBook Air,macOS Sequoia。

一、启用自动保存与文件编码统一

VSCode 默认不自动保存文件,且可能因编码格式不一致导致中文乱码或 Git 提交异常。启用自动保存并统一设为 UTF-8 可避免多数基础文本问题。

1、点击左下角齿轮图标,选择“设置”(Settings)。

2、在搜索栏输入 files.autoSave,勾选“afterDelay”选项。

3、继续搜索 files.encoding,将其值设为 utf8。

4、再搜索 files.autoGuessEncoding,将其设为启用状态。

二、安装并启用核心扩展包

VSCode 的功能高度依赖扩展,首次启动后需快速安装语言支持、代码提示与格式化工具,否则无法获得现代编辑器应有的智能体验。

1、点击左侧活动栏的扩展图标(四个方块组成的图标)。

2、在搜索框中依次输入并安装:ESLint、Prettier、GitLens、Bracket Pair Colorizer。

3、安装完成后,重启 VSCode 使扩展完全生效。

三、配置用户级默认终端

内置终端是开发高频使用组件,若未指定默认终端类型,VSCode 可能在 macOS 上调用过时的 Terminal.app 或出现 Shell 初始化失败问题。

1、按下 Cmd + Shift + P 打开命令面板。

2、输入 Terminal: Select Default Profile 并回车。

3、从列表中选择 zsh(macOS Sequoia 默认 Shell)。

4、再次打开终端(Ctrl + `),确认提示符显示正常且可执行 git 命令。

AutoPost GitHub Bounty
AutoPost GitHub Bounty

自动生成并发布优化的社交媒体内容,推广 GitHub 赏金活动,利用仓库数据和自定义信息。

下载

四、调整工作区字体与行高

默认字体在高分屏上可能过小或发虚,行高不足则代码密集区域易误读。合理设置可显著提升长时间编码的视觉舒适度与可读性。

1、进入设置页面,搜索 editor.fontFamily,将其值改为 'Fira Code', 'JetBrains Mono', 'Consolas', 'monospace'。

2、搜索 editor.fontSize,设为 14。

3、搜索 editor.lineHeight,设为 24。

五、初始化用户 snippets 片段库

手动重复输入常用代码结构(如 console.log、React 函数组件模板)会降低效率。通过自定义代码片段,可一键插入标准化结构,减少语法错误风险。

1、按下 Cmd + Shift + P,输入 Configure User Snippets 并回车。

2、选择 New Global Snippets file,命名为 common.code-snippets。

3、在弹出的 JSON 文件中粘贴以下内容:

{

  "log": {

    "prefix": "log",

    "body": ["console.log('$1');", "$2"],

    "description": "Log output to console"

  }

}

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2075

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3082

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1036

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

3519

2025.09.10

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

836

2023.08.08

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

5983

2024.05.29

default gateway怎么配置
default gateway怎么配置

配置default gateway的步骤:1、了解网络环境;2、获取路由器IP地址;3、登录路由器管理界面;4、找到并配置WAN口设置;5、配置默认网关;6、保存设置并退出;7、检查网络连接是否正常。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

357

2023.12.07

自建git服务器
自建git服务器

git服务器是目前流行的分布式版本控制系统之一,可以让多人协同开发同一个项目。本专题为大家提供自建git服务器相关的各种文章、以及下载和课程。

5979

2023.07.05

PixTV官网入口地址合集
PixTV官网入口地址合集

本专题汇总了 PixTV AI 一站式视频创作平台的官方入口与使用教程。无需下载软件,浏览器直接访问即可使用。平台将剧本、图像、视频、声音与剪辑整合在“无限画布”中,接入 GPT Image 2.5、Seedance 2.5 等头部模型。本专题整理了从新建画布、角色锚定、分镜拆分到视频生成与导出的完整操作指南,助你快速上手 AI 短剧与漫剧创作。

60

2026.10.10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 12.2万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn