Windows配置VS Code详细流程

笔记哥 / 05-17 / 19点赞 / 0评论 / 540阅读
本文介绍**Visual Studio Code**(**VS Code**)软件在**Windows**操作系统电脑中的下载、安装、运行方法。   **Visual Studio Code**(简称**VS Code**)是一款由微软开发的免费、开源的源代码编辑器,支持跨平台使用,可在**Windows**、**macOS**与**Linux**等操作系统的电脑上运行。   在我们之前的文章[安装Visual Studio的详细流程](https://www.cnblogs.com/fkxxgis/p/17992830)中,介绍过**Visual Studio**软件在电脑中的安装方法。较之**Visual Studio**,**VS Code**则更加轻便,对系统的要求较低,且可以跨不同操作系统使用;总的来说,**Visual Studio**更适合大型企业级项目和需要复杂工具链的开发场景,而**VS Code**更适合轻量级开发、**Web**开发、脚本编写和那些不需要完整**IDE**功能的场景,以及需要跨平台的场景。   首先,我们进入**VS Code**的[官方网站](https://code.visualstudio.com/),并点击如下图紫色框内所示的下载按钮。 ![image](https://cdn.res.knowhub.vip/c/2505/18/dc3bd66a.png?G1cAAER17rxgZaOgfice0wSBBJsBizSCSgnr9fz%2f2pfI%2b7lCc7xH69P3h9%2b0Pl0MB%2fSkKJQgQkg1WYZVVIYEKmmlWFzDAQ%3d%3d)   随后,等待下载完成后将看到一个`.exe`格式的文件,如下图所示。当然,如果是在其他操作系统中安装,则得到的可执行文件不一定是`.exe`格式的,大家按照实际情况来操作即可。 ![image](https://cdn.res.knowhub.vip/c/2505/18/51bebf9f.png?G1YAAMTsdJxIEh%2b026hD2jvFHc2ARBZBpYT1es9Z%2byb6fldWxGe0Pn1%2f%2bEvr0ylxZb2MlNXYELwUSWDASglVKiDQHNdw)   双击上述`.exe`格式文件,即可开始安装流程,如下图所示。 ![image](https://cdn.res.knowhub.vip/c/2505/18/792cf741.png?G1cAAER17rxgXWFx%2bp14TBMEEmwGLNIIKiWs1%2fP%2fa18i7xcEa75H6zP2h9%2b0PkMKHDxNCBoMKeihpcIUYFKnk16NeY0A)   其中,主要需要注意的环节,包括如下图所示的“**选择目标位置**”环节。 ![image](https://cdn.res.knowhub.vip/c/2505/18/cbc78895.png?G1cAAMTydJz4czx0G3X4NlEk2gxYpBFUSliv5%2f%2f3uUTezwgmf88%2blp0Pv%2bljmURUsKkQVChcCCXEBC2RzQVkVioy%2fJ4G)   以及如下图所示的“**选择附加任务**”环节,这一界面大家可以就按照下图中的属性来设置。 ![image](https://cdn.res.knowhub.vip/c/2505/18/a5f00a4e.png?G1YAAMTsdJzIJxK026hD2jvFHc2ARBZBpYT1es9Z%2byb6fheIxme0Pn1%2f%2bEvr0ymhQi4jgRgMwXPhpAw1KUGRmVGzxTUc)   对于其他步骤,大家就直接点击“**下一步**”即可。随后,将完成安装流程,如下图所示。 ![image](https://cdn.res.knowhub.vip/c/2505/18/b1df764e.png?G1cAAMTsdJxI8pGi26hD2jvFHc2ARRpBpYT1es9Z%2byb6fgcjxWe0Pn1%2f%2bE3r00m5MKoRGMaGECSLJoFUkyCMYpdmSFzDAQ%3d%3d)   随后,将自动打开**VS Code**软件。初次打开软件时,会有一个简单的**设置向导**,如下图所示。 ![image](https://cdn.res.knowhub.vip/c/2505/18/5c5faf27.png?G1YAAMT0bJzotdXANvqh%2f4lHQjMgkUVQKWG93nv3aUTf7wJJ8Zl9LD8f%2ftLHclIUSDUSiMEQPGfWxGpmEnJWRUkVcU8H)   可以根据指引,逐一浏览、设置一下对应的内容;每次完成一项内容,就可以在该内容左侧的勾选框中选中,表示当前项目已完成;如下图所示。 ![image](https://cdn.res.knowhub.vip/c/2505/18/c5ff1f99.png?G1cAAMR0rnGCHkf53EYcqgkCCTYDFmkElRLW6%2fn%2ffS6R9zOC6u%2fZx7Lz4Td9LJOICrYkBBMSXAglRA1KVTii1NxyqdHvaQ%3d%3d)   完成全部指引后,即可回到原始的**VS Code**首页,如下图所示。此时,按照大家实际的需求,选择新建文件,或打开已有文件,即可开始代码的撰写与编辑。 ![image](https://cdn.res.knowhub.vip/c/2505/18/b655240f.png?G1YAAMTXsx8n2j7qt41u6F3ikNAMSGQRVEpYr%2ffefRrR9xsY0T%2bzj2Xnw1%2f6WEaBC6MqgaGscF6yhCgxV4VLWUqCSvJ7Gg%3d%3d)   至此,大功告成。