VSCode 的全称是 Visual Studio Code它是一款代码编辑器并非复杂的集成开发环境IDE新手可以把它理解为功能超强的“编程记事本”。VSCode 核心作用是帮用户编写、编辑各类代码支持 JavaScript、Python、Java、C 等几十种编程语言。无论是简单的网页代码编写还是复杂的项目开发VSCode 都能轻松胜任。内置语法高亮、括号匹配等基础功能还能通过插件扩展能力目前全球有超 2000 万月活用户是最受欢迎的编程工具之一。VSCode 完全免费且开源它具备跨平台特性完美适配 Windows、macOS 和 Linux 三大主流系统安装包小巧启动速度快占用系统资源少。VSCode 最吸睛的特点是智能感知与插件生态智能感知能自动补全代码、提示关键字降低出错率插件市场有 5 万 扩展可按需定制开发环境满足不同场景需求。和同类型的软件相比VSCode 的优势非常明显维度VSCodeSublime TextNotepadAtom已停更价格永久免费收费免费免费启动速度极快极快快慢插件数量5 万4 千几百2 万停止新增官方维护微软持续迭代更新缓慢更新缓慢2022 归档中文支持官方简体语言包需第三方需第三方需第三方远程开发插件直连无无无下载VSCodeVSCode最新版官方安装包下载地址https://pan.quark.cn/s/defbf42624ca这里为大家提供了多个 VSCode 安装包它们分别适用于 Windows、Linux 和 Mac OS 平台1) Windows 平台:VSCode-win32-x64-1.106.3.zipVSCodeUserSetup-x64-1.106.3.exe2) Linux 平台code-1.106.3-1764110935.el8.x86_64.rpmcode_1.106.3-1764110892_amd64.deb3) Mac OS 平台VSCode-darwin-universal.zip安装VSCode我用的是 Windows 系统官方提供了 2 种安装包一个是 zip 压缩包另一个是 .exe 安装程序两个都可以用它们的区别是.zip 压缩包包含完整的 VSCode下载解压即用不需要安装.exe 安装程序需要根据引导逐步安装。1) 下载 .zip 压缩包的小伙伴解压后得到下图所示的文件夹找到 Code.exe上图选中的双击打开它就可能启动 VSCode 了。2) 下载 .exe 安装文件的小伙伴接下里带领大家安装边讲解边用截图辅助大家理解① 双击 VSCodeUserSetup-x64-1.106.3.exe启动安装弹出上图的警告窗口点击“运行”即可。② 勾选“我同意...”然后点击“下一步”③ 默认安装到 C 盘这里建议手动调整到其它盘非系统盘比如下图安装到 D 盘④ 根据需要可以勾选“不创建开始菜单文件夹”不过勾选后就无法在开始菜单里找到 VSCode 了新手强烈不建议点击“下一步”⑤ 建议勾选“创建桌面快捷方式”然后点击“下一步”⑥ 直接点击“安装”正式开始安装⑦ 等待安装完成⑧ 点击“完成”VSCode 就安装完了⑨ 安装完成后VSCode 会自动运行显示出下图所示的主界面汉化VSCodeVSCode 默认是英文的界面对新手小白不是很友好我们可以通过为 VSCode 安装中文插件讲它的界面改为中文样式。1) 点击界面最左侧的 Extension 按钮或者按快捷键“CtrlShiftX”2) 在搜索框里输入“chinese”注意如果输入后搜索失败可能会你网络的问题也可能是正在运行着的一些软件的问题。首先排除自己网络的问题能正常上网然后可以结束一些正在运行着的软件比如保护安全的等等我这里开启了 ToDesk关闭后就正常了。3) 点击第一个插件的 Install 按钮安装完成后会在右下角弹出下图的窗口4) VSCode 重新启动后界面就会变成中文的了VSCode 就汉化成功了必装 5 款入门插件插件名称用途一句话必装理由解决什么痛点Chinese (Simplified) Language Pack把 VSCode 菜单、提示一键变中文新手看不懂英文设置装完秒切母语降低入门门槛Prettier - Code formatter保存文件时自动把代码排得整整齐齐告别“ Tab 与空格混战”团队风格统一提交代码再也不被吐槽格式ESLint实时标红 JavaScript/TypeScript 里的语法或风格错误边写边纠错把 Bug 扼杀在保存前减少运行时崩溃Live Server右键 HTML 文件即可在浏览器实时热刷新预览写前端不再需要手动 F5保存瞬间页面自动更新效率翻倍GitLens在代码行旁直接显示“谁、何时、为什么”修改不用切命令行就能看提交历史甩锅 or 溯源只需一秒常见使用问题1) 双击无反应被 360/电脑管家拦截退出安全软件重装即可。2) 打开文件中文乱码右下角点击“UTF-8”→ 选择“重新打开带编码”→ 选 GB2312。3) 终端无法激活虚拟环境设置里搜索 terminal.integrated.defaultProfile.windows 改为 Command Prompt 或 PowerShell。4) 插件装失败网络被墙Ctrl, 打开设置→ 搜索 http.proxy 填公司代理或手机 USB 共享网络。5) 越用越卡CtrlShiftP → 输入“Developer: Reload With Extensions Disabled”排查插件长期卡顿可清 C:\Users\你\.vscode\extensions 缓存重装。