ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

Win10下VSCode安装与配置全攻略:从下载到环境变量与C/Python开发

Win10下VSCode安装与配置全攻略:从下载到环境变量与C/Python开发 前阵子有个朋友远程找我说自己电脑刚装了Win10想装个VSCode写代码结果照着网上乱七八糟的教程操作了一下午最后连运行C语言程序都报错气得差点重装系统。我接手一看问题其实都不大——无非是安装包下载渠道不对、安装选项没选对、环境变量没配上但就是这些“小事”能把人折腾到怀疑人生。作为一个把VSCode从Win7时代用到Win11的“老油条”我觉得有必要把Win10下安装VSCode的完整链路好好捋一遍尤其是那些官方文档不会写、但实际体验中绝对会让你抓狂的细节。这篇文章的定位很明确给想要在Win10上顺利安装并真正用起来VSCode的人。不管你是刚接触编程的小白还是以前用过其他编辑器想迁移过来甚至是想在Win10上配置C/C、Python开发环境的老手这篇文章都会结合实际安装过程把每一步的“为什么这样做”讲清楚而不是只丢给你一个“下一步下一步下一步”的流水账。1. 下载前必须先搞清楚的3件事版本、渠道和系统识别很多人装VSCode失败根本不是安装过程出错而是第一步下载就埋了雷。我见过有人在第三方下载站下了一个“VSCode中文破解版”结果装完满屏弹窗广告还莫名其妙多了一堆全家桶。实际上VSCode本身完全免费官网下载即可根本不需要破解。1.1 官方下载渠道的识别与“假官网”的规避VSCode的官方下载地址是code.visualstudio.com这是微软自家产品没有任何额外付费功能。这里要提醒你的是不要直接去搜索引擎搜“vscode下载”因为搜索结果前几条经常会混入推广广告点进去可能是下载站或镜像站下载到的安装包虽然也能装但可能被捆绑了修改版或广告组件。判断官方渠道有一个很简单的办法看网址。官方域名只有code.visualstudio.com这一个其他的像“vscode下载.com”这类域名哪怕页面做得再像也不要在上面下载任何东西。进入官网后首页会直接识别你的操作系统如果你的浏览器是在Win10上打开的通常会直接显示一个蓝色的“Download for Windows”按钮。如果你的界面没自动识别或者你想下载特定版本可以点页面上的“其他下载”或“Download”下拉菜单选择Windows User Installer x64。1.2 User版还是System版这个选择比你想的重要在官网的下载选项里Windows下会分为User Installer用户版和System Installer系统版。很多新手根本不会注意到这俩的区别随便选一个就装了但实际使用中差别还挺大的。User Installer用户版默认安装在当前用户的%LocalAppData%\Programs\Microsoft VS Code目录下不需要管理员权限安装后会出现在当前用户的开始菜单并且自动更新机制更顺畅。适合个人电脑、单用户使用的场景。System Installer系统版默认安装在C:\Program Files\Microsoft VS Code需要管理员权限安装后对所有用户生效。适合在公用电脑、多账户环境或者需要给整个系统所有用户统一部署的场合。我自己个人电脑一直用的User版体验非常稳定而且装软件的时候不需要额外弹一次UAC管理员确认那种“每次安装都要点一下‘是’”的烦恼能省则省。如果你的Win10只是自己用无脑选User Installer就好。1.3 确认系统类型32位还是64位Win10版本号也很关键官网下载页面通常在你未选择版本时会默认给64位但如果你用的是老电脑有可能系统还是32位的这时候需要先确认一下。在Win10桌面上右键“此电脑”选择“属性”在“系统”栏里能看到“系统类型”如果是“64位操作系统”就下载x64版本安装包如果是“32位操作系统”就需要去官网下载页面找32位的安装包。另外还有一个隐藏坑老版本Win10可能无法安装新版VSCode。微软官方要求VSCode需要Windows 10 21H2或更高版本才能完整支持最新版如果你的Win10还停留在1909甚至更老的版本装最新版VSCode虽然可能能装上但是部分功能比如某些插件、远程开发模块会在运行时出错。遇到这种情况建议先把Win10升级到22H2再装VSCode不然排查问题的过程会非常痛苦。2. 安装向导中每一个勾选项到底该不该选VSCode的安装向导看起来简单就一个“我同意协议”然后“下一步”到底但你注意过中间那个“选择附加任务”的页面吗里面的勾选项密密麻麻很多人看都不看直接下一步结果后面写代码时发现右键菜单里没有“通过Code打开”选项或者在终端里敲code命令提示找不到命令回头找原因就是当时没勾选。2.1 安装选项逐项解析每勾一下会带来什么安装过程中“选择附加任务”这页从上到下一般有这些选项我逐个说一下它们的作用和推荐选择选项作用推荐通过Code打开操作在文件资源管理器右键菜单中添加“通过Code打开”方便直接打开文件夹建议勾选添加到资源管理器目录上下文菜单在文件夹上右键时出现“通过Code打开”和上一条对应建议勾选将Code注册为受支持的文件编辑器让.txt、.json等类型文件默认可以用VSCode打开建议勾选添加到PATH在终端中输入code命令可直接启动VSCode必须勾选这是最容易被忽略的创建桌面快捷方式桌面上生成快捷方式图标随意这里要重点说一下“添加到PATH”这个选项。很多教程让你装完之后去配置环境变量结果你翻遍设置也没找到该配哪里其实安装时勾选这一个选项就够了它会自动将VSCode的安装目录加到系统环境变量的PATH中。如果当时没勾选后面想在终端里用code .打开项目就会提示“code 不是内部或外部命令”。2.2 安装路径的选择为什么我不建议装在中文目录下如果你的电脑默认系统盘空间充足用默认路径即可如果想要改装到D盘比如D:\VSCode也完全没有问题。但有一条红线尽量不要碰路径中不要包含中文、空格和括号等特殊字符比如D:\软件\VSCode这种。原因在于VSCode本身对中文路径支持还算可以但后续你配置C/C编译器、Python虚拟环境、Node.js的npm全局目录时很多底层的编译工具链对中文路径的处理并不完善轻则运行报错重则直接编译失败。我亲眼见过有人把VSCode装在C:\Users\张三\AppData\...下结果配置MinGW编译器时各种莫名其妙的“找不到文件”错误换成纯英文路径后一次搞定。所以我的建议是安装路径统一用英文字母、数字、下划线组合比如D:\VSCode或D:\DevTools\VSCode一劳永逸。2.3 安装完成后的第一道验证code命令是否可用安装完成后先别急着打开软件按Win R打开运行框输入cmd回车打开命令行窗口然后输入以下命令code --version如果终端正常输出了类似1.85.0这样的版本号说明安装路径和PATH配置都成功了。如果提示code 不是内部或外部命令也不是可运行的程序或批处理文件说明PATH没有配好这时最简单的解决办法是重新运行一遍安装程序在“选择附加任务”那一步把“添加到PATH”勾上或者手动把VSCode安装目录添加到系统环境变量里。3. 第一次启动后的“必踩坑”处理中文界面、乱码与字体渲染VSCode装好打开后你大概率会看到一个纯英文的界面。如果你英文水平不错直接用英文界面当然没问题但国内大多数用户还是希望看到中文菜单。这本来就是个装插件的操作但很多人卡在了“不知道自己装的是中文插件还是汉化包”要么装了不生效要么把界面改得乱七八糟。这里我把过程说透。3.1 为什么装完是英文以及汉化的正确姿势VSCode默认界面是英文这是微软的常规操作因为它需要为全世界不同语言的用户提供服务。你需要做的是安装官方提供的“Chinese (Simplified) Language Pack for Visual Studio Code”扩展。打开VSCode后按快捷键Ctrl Shift X打开扩展商店在搜索框中输入Chinese找到那个中国人头图标的扩展发布者是Microsoft认准官方字样点击“Install”安装。安装完毕后右下角会弹出提示“重启以启用扩展”点重启即可。这里有个小细节重启后如果你发现界面还是英文多半是VSCode没有重启成功或者你点了右上角的“X”而不是“Restart Now”按钮。重启后还没生效的话可以按Ctrl Shift P打开命令面板输入Configure Display Language在列表里选中中文(简体)然后再次重启。3.2 中文乱码问题一个让无数新手崩溃的经典坑VSCode默认以UTF-8编码读取文件而Windows系统下很多文件尤其是旧的文本文件、部分代码文件用的是GBK编码。你用VSCode打开这些文件时会发现所有中文变成了一堆乱码比如“锟斤拷”这种标志性乱码文字。这不是VSCode坏了而是编码不对。VSCode窗口右下角状态栏会显示当前文件的编码格式比如“UTF-8”或“GBK”你点击它在弹出的菜单里选择“通过编码重新打开”或“Reopen with Encoding”再选择“简体中文(GBK)”文件内容就会正常显示。如果你经常需要处理GBK编码的文件也可以在设置里搜索files.autoGuessEncoding把它勾选上VSCode会自动猜测文件编码省去每次手动切换的麻烦。3.3 首次启动必须调整的几个基础设置字体设置默认字体在Win10下中文渲染有时看起来发虚或偏小可以在Ctrl ,打开设置搜索font-family把字体改为Consolas, 微软雅黑, monospace这样英文用Consolas中文会用微软雅黑渲染看起来舒服很多。自动保存写代码最怕断电或闪退丢内容可以在设置中搜索files.autoSave把“off”改为afterDelay即延迟自动保存推荐设置延迟时间1000毫秒。文件编码设置在设置里搜索files.encoding默认是UTF-8按你的实际需求改。如果你经常跟Windows老项目打交道GBK可能更合适但新项目一律建议留在UTF-8。缩进设置搜索editor.tabSize根据团队规范设置缩进大小一般Python用4个空格JavaScript/TypeScript 有些团队用2个空格。另外建议搜索editor.detectIndentation并保持开启这样VSCode会自动识别当前文件用的是空格还是Tab缩进。4. 安装完VSCode不等于能写代码环境变量与终端的配合我遇到太多初学者VSCode倒是正常打开了但一按Ctrl \ 打开终端输入gcc --version或python --version系统直接回一句“不是内部或外部命令”然后就开始自我怀疑“是不是我安装的VSCode有问题”。其实VSCode只是个编辑器它自带终端的本质是调用了系统里的PowerShell或cmd能不能运行某个命令取决于这些软件本身有没有安装、以及系统环境变量有没有配置好。4.1 理解PATH终端找不到命令的真正原因Windows系统的环境变量PATH可以理解成一个“命令搜索路径列表”。当你在终端输入一个命令如code、python、gcc时系统会按顺序在PATH列出的目录中查找对应的可执行文件。找不到就会报“不是内部或外部命令”。所以如果你的VSCode已经装了Python但终端中输入python还是找不到大概率是安装时没有勾选“Add Python to PATH”选项或者你安装的是Microsoft Store版本Python它的执行路径比较特殊。在Win10里查看当前PATH的方法很简单右键“此电脑” → 属性 → 高级系统设置 → 环境变量。在“系统变量”列表中找到Path这一项双击就能看到所有已加入的路径。4.2 给新手往PATH里添加自定义路径的步骤假设你手工安装了某个绿色软件比如MinGW编译器解压到了D:\mingw64想把它的bin目录加入PATH操作步骤如下右键“此电脑” → 属性 → 高级系统设置 → 环境变量。在“系统变量”区域找到Path选中后点击“编辑”。点击“新建”输入D:\mingw64\bin点击确认。关闭所有已经打开的终端窗口重新打开再输入gcc --version测试。注意第4步修改PATH后已经打开的终端窗口不会自动加载新的PATH必须完全关闭再重新打开。很多人卡在这一步以为是自己的PATH填错了其实是终端缓存问题。如果你用的是VSCode内置终端改完PATH后建议把整个VSCode窗口关掉重开因为内置终端继承的是VSCode进程的环境变量。4.3 VSCode终端默认是PowerShell还是cmd以及怎么切换Win10下VSCode的默认终端通常是PowerShell但很多人习惯cmd的操作或者某些批处理命令只能在cmd下运行。切换方法按Ctrl Shift P输入Terminal: Select Default Profile在列表里选择“Command Prompt”或“PowerShell”即可。这里顺便说一句如果你在Win10上装了WSL2并且想在VSCode里直接用Linux终端那就得靠“Remote - WSL”扩展这也是VSCode在开发社区爆火的一大原因。这个后面讲插件时会提到。5. 实战C/C和Python环境配置把VSCode变成真正的开发环境安装VSCode只是第一步大多数新手装完VSCode的核心目标其实是为了学习C语言、C或者Python。但VSCode它本身是个编辑器不附带编译器或解释器。你写好的C代码想运行系统里得先有gcc或g写好的Python代码想运行系统里得先有Python解释器。这一节我直接把两组环境配置的完整流程讲清楚。5.1 C/C环境MinGW-w64的选择与配置第一步下载MinGW-w64编译器在Win10上给C/C配编译器主流选择是MinGW-w64。下载时要注意两个问题一是不要下载那种旧版的mingw-get-setup那个早就停止更新了二是建议直接到winlibs.com这个网站下载预编译的版本或者到GitHub上的MinGW-w64项目找release。Win10 64位系统选择x86_64-posix-seh版本的压缩包。下载完成后解压到一个纯英文路径比如D:\mingw64然后按上面第4节的方法把D:\mingw64\bin加入系统PATH。第二步安装C/C扩展在VSCode扩展商店搜索C/C安装微软官方的那个扩展发布者是Microsoft。安装完后C/C代码的语法高亮、代码补全、调试支持就都有了。还有一个Code Runner扩展它能让新手以“一键运行”的方式看到输出结果虽然是很多教学视频推荐的神器但我建议C/C学习阶段还是尽量用标准的编译运行流程避免养成“不看编译错误”的坏习惯。第三步写一个测试程序验证新建一个test.c文件输入最简单的Hello World#include stdio.h int main() { printf(Hello, VSCode!\n); return 0; }按Ctrl Shift P输入Tasks: Configure Default Build Task选择gcc.exe 生成活动文件。如果没有这个项说明你的gcc没有正确加入PATH回到上一步检查。配置完成后按Ctrl Shift B编译再在终端里手动运行生成的可执行文件。如果你配置过launch.json也可以直接按F5进入调试模式。编译运行遇到的典型问题终端输出中文乱码这是Windows终端的编码问题。在VSCode设置里搜索terminal.integrated.profiles.windows或者在终端窗口右上角的下拉菜单里选择“使用UTF-8编码”重新启动终端。更简单的办法是编译时加参数-fexec-charsetUTF-8。找不到gcc命令多半是MinGW-w64的bin目录没加入PATH或者终端没重启。提示缺少.dll文件MinGW-w64路径中包含中文或空格时容易出现这种问题确认路径是否规范。5.2 Python环境解释器、扩展和虚拟环境第一步安装Python解释器去Python官网下载Windows安装包安装时务必勾选Add Python to PATH。如果不勾稍后你就得去手动配PATH白白增加麻烦。安装选项里其他按默认即可。装完后打开命令提示符输入python --version验证是否成功。第二步安装Python扩展在VSCode扩展商店搜索Python安装微软官方扩展。这个扩展不仅仅是语法高亮它还会自动识别你系统里装的Python解释器并且在左下角状态栏显示当前选中的Python版本。第三步选择解释器与虚拟环境打开一个Python文件后按Ctrl Shift P输入Python: Select Interpreter选择你刚安装的Python。如果你是做项目开发建议学会用虚拟环境按 Ctrl Shift 打开终端输入python -m venv .venv然后用Python: Select Interpreter选中.venv中的解释器。这样做的好处是每个项目都有一套独立的依赖环境不会出现A项目升级了某个库导致B项目跑不起来的情况。第四步运行测试写一个简单的hello.pyprint(Hello from VS Code Python!)然后按右上角的三角按钮运行或者直接在终端里输入python hello.py。5.3 环境配置失败的通用排查思路配置完环境如果运行报错别慌着去重装先按这个顺序排查命令行直接输入命令测试先关掉VSCode打开系统的cmd或者PowerShell输入gcc --version或python --version。如果这里都报错说明问题出在环境变量或软件安装和VSCode无关。确认扩展有没有装错在扩展商店装的时候认准发布者是Microsoft的版本。检查路径是否有中文和空格这个问题在第2节已经讲过。重启所有相关程序改过环境变量后VSCode、终端窗口、甚至Windows资源管理器有时都需要完全重启才能加载新的环境变量。查日志VSCode的输出面板是有日志的按Ctrl Shift U打开“输出”面板选择对应的扩展或任务看具体的报错信息往往比瞎猜高效得多。6. 插件极简清单与几个高频问题处理VSCode的强大离不开插件生态但插件也不是装得越多越好。我见过有人照着网上的“VSCode插件推荐大全”装了50多个插件结果启动慢如蜗牛输入延迟卡到不能忍。这里给出一个适合Win10入门用户的极简插件清单以及一些真正会遇到的高频问题处理方案。6.1 值得装的插件按需求分档推荐第一档人人都该装的必备插件Chinese (Simplified) Language Pack中文汉化包前文提过。Error Lens把错误和警告直接显示在代码行内一眼就能看到哪里有问题新手学习代码时特别直观。Prettier - Code formatter代码自动格式化统一风格写JS/TS/HTML/CSS的时候非常爽。Bracket Pair Colorizer或使用VSCode内置括号着色其实VSCode新版已经内置了括号对着色功能不需要额外装这个插件了但如果你用的版本老可以补一个。第二档按开发语言装C/C写C/C必备微软官方扩展。Python写Python必备包含调试、补全、Jupyter Notebook支持。ES7 React/Redux/React-Native snippets写React组件时的代码片段补全。Vetur或Volar写Vue项目用的Vue3项目用Volar。第三档效率工具类GitLens在代码行内直接显示每行代码的提交记录团队协作时很有用。Remote - WSL如果你在Win10里装了WSL2这个扩展可以让你直接在VSCode中打开Linux环境下的项目非常舒服。Material Icon Theme给文件加上彩色图标视觉上舒服很多纯属美化。6.2 扩展装不上或下载特别慢的解决方案在国内网络环境下VSCode扩展市场有时下载速度惨不忍睹甚至直接卡住。很多人第一时间想到换源或者离线安装但这其实要看具体场景。优先推荐的办法检查当前是否开了代理或者加速器如果开了加上VSCode代理配置可能反而会拖慢下载。如果没开代理且速度仍然极慢可以考虑用VSCode的离线安装方案在扩展市场页面找到目标扩展点击“下载扩展”或“Download Extension”按钮得到.vsix文件然后在VSCode扩展视图右上角的“…”菜单里选择“从VSIX安装”选中这个文件即可。注意不要轻易相信网上的“第三方扩展镜像站”安全风险很高。能等就等一等不能等就用官方渠道离线装。6.3 VSCode窗口白屏或打不开的处理VSCode在Win10上偶尔会出现启动后白屏、窗口不响应的问题。出现这种情况时最常见的原因是GPU加速和旧版Win10的兼容性问题。试着在启动时加上禁用GPU加速的参数code --disable-gpu如果这个命令能正常启动并显示界面说明是显卡驱动或GPU加速问题。此时在VSCode设置里搜索hardwareAcceleration或者启动时加参数把它关掉。如果连code --disable-gpu都打不开可以试试删除VSCode的缓存目录路径一般在C:\Users\你的用户名\AppData\Roaming\Code但注意这个目录包含你的设置和已安装插件删除前最好先备份。删除后重启VSCode它会重建默认配置。如果你记得清设置项这个操作能解决90%的启动异常问题。6.4 Win10换了新电脑后如何把VSCode配置迁移过来换电脑是很多刚入门的人会遇到的实际场景。VSCode本身没做一键云同步但配置迁移其实不难用微软账号在VSCode里登录打开“设置同步”功能就可以把设置、快捷键、用户代码片段甚至已安装的插件列表同步到新电脑。具体操作点击左下角齿轮图标 → “登录以启用设置同步” → 选择要同步的内容登录微软账号即可。如果你的VSCode是绿色版即从压缩包解压使用的那么直接拷贝整个VSCode安装目录到新电脑也能正常用不过需要重新把安装目录加入PATH。最后再说一个我踩过几次坑之后总结出来的经验VSCode确实是一个开箱即用的编辑器但“开箱即用”指的是界面和使用逻辑而不是“装完就能编译运行所有语言”。很多新手在安装阶段折腾了半天最后发现不是VSCode的问题而是编译器、解释器、PATH这些外围环境的问题。所以我的建议是遇到问题时先跳出VSCode用系统自带的命令行直接测试把问题定位在“编辑器和环境”的边界上修起来会快很多。写这篇文章的时候我又重新在虚拟机里走了一遍Win10安装VSCode到配置C语言环境的完整流程踩的几个坑都原原本本记录在对应章节里了。下一步你可以试着装上Remote - WSL扩展把Win10上的VSCode和Linux环境打通那又是另一个更加开阔的世界了。
返回列表