【前端开发入门】前端开发环境配置

引言

本系列教程旨在帮助一些零基础的玩家快速上手前端开发。基于我自学的经验会删减部分使用频率不高的内容，并不代表这部分内容不重要，只是对于初学者来说没必要一开始就学的面面俱到。我希望可以先通过主干内容带大家入门前端，细节技巧性内容，可以在后续的开发工作中自行发现并掌握。

本篇主要介绍前端开发必要的开发环境配置及软件安装，包含：

• 开发编辑器vscode及相关插件。
• Nodejs运行环境安装及版本控制。
• git软件安装及基础配置

本篇设计的所有软件我已经打包放在网盘在文章末尾自取，也可以通过文章顶部资源下载。

一、Vscode编辑器安装

1. 软件下载

根据操作系统选择下载安装对应版本编辑器。
下载地址：vscode下载

2. 软件安装

根据安装提示，选择好安装位置（除了c盘都行），其余的都采用默认选项下一步即可。
其中有一个步骤需要做几个勾选，确保后期可以更加便捷的打开vscode，按照如下图勾选就行。

3. 插件安装

vscode编辑器受欢迎的主要原因是强大的插件系统，几乎所有的功能都可以通过插件拓展，你甚至可以自己开发一个插件发布上架。
推荐几个前期必备的几个插件，如下图所示：

简单介绍下这几个插件的作用：
- Auto Rename Tag ：html标签一般都是成对出现的，如果你需要修改标签名则需要两个都同步修改才行。这个插件帮助你在修改标签名时只需要修改开头，结尾的标签名会同步进行修改，加快开发效率。
- Chinese Language Pack ：顾名思义汉化包，英文水平好的可以不安装。
- Live server ：一个小型服务器插件，帮助你在开发简单html