2024从零开始使用VSCode编程（win下载篇）

本文只为记录并帮助有需要的小伙伴学习使用VScode

最早开始本人的前端代码是使用HBuilder编写的，但最近想正式转战VSCode，所以才有这篇文章

前提（请选择你的IDE）

VS Code：一个通用的、强大的代码编辑器，适用于各种编程语言和开发场景，特别适合需要多种功能和灵活性的开发者。其插件和扩展市场非常丰富，支持多种开发需求。

HBuilder：专注于前端开发，尤其是 HTML5 和移动应用开发。提供了针对性强的开发工具和功能，适合快速开发和测试前端应用。

！！注意！！专精使用一款IDE比换啥软件都强，纠结于选择用啥IDE不如先写点代码

win安装VSCode（Visual Studio Code）

注意本教程发布于2024年7月，安装版本为页面推荐win最新版本1.91，后续版本也可参考

了解：VS Code（Visual Studio Code）是一款由微软开发的免费、开源的代码编辑器。它支持多种编程语言和文件格式，并提供丰富的扩展和插件，能显著提升开发效率。VS Code 具有强大的调试功能、内置Git控制、语法高亮、智能代码补全（IntelliSense）、代码片段和重构等功能。

1、找到官网→下载

Download Visual Studio Code - Mac, Linux, Windows

进入官网页面我们点击选择安装windows版本

2、下载完成→安装

下载完成右上角弹窗如下

点击”打开文件“夹弹出安装界面

①勾选“我同意此协议”并点击弹窗右下角“下一步”

②选择安装路径

进入此界面后对于路径有两种选择

1：更改至其他非C盘路径（优点：保证c盘不会爆红）

2：保留原始路径[优点：路径简单易查，后续需要做更改（添加插件或其他操作）方便]

！！但是！！还可以有其他操作，将文件路径前的C改为D(或者其他有的盘名)

例如：D:\Users\15126\AppData\Local\Programs\Microsoft VS Code

后续即使是需要做修改操作也任然容易找到，并且不会占用C盘空间

完成上述选择后填写路径并点击下一步

③开始菜单创建快捷方式（此界面一般直接点下一步）

大概意思是你想让他以什么形式在菜单栏里出现，是单独出现（默认）还是在办公软件文件夹下出现，还是在多媒体工具文件夹下出现

想要电脑内文件很规整的可以试一试调整他到那个文件夹下出现

④其他附加任务（看个人需求勾选）

将”通过code打开“操作添加到windows资源管理器文件上下文菜单

（意思就是可以使用鼠标右键的快捷菜单更便捷的使用VSCode打开这个文件夹）

一般可以全勾

⑤安装

单击安装实现VSCode的安装

⑥安装成功

弹出此界面表示你安装成功了，快去看看界面长啥样吧（点击完成自动打开）