零基础学前端-传统前端开发（第一期-开发软件介绍与本系列目标）（VScode安装教程）

经过皮卡丘靶场系列的学习后，我相信很多朋友会有"为什么这么做"，"为什么我还是什么都不会"，"感觉自己不是学习网安的料"之类的想法，但是大家只要保持自信，继续学习终究会了解的

在上一篇文章中，我浅谈了一下我对于开发语言的看法，也选择了接下来我们要进行的开发流程

我们网站开发学习流程为：传统前端HTML,CSS,JavaScript>>>VUE框架>>>PHP后端学习>>>PHP框架学习>>>数据库学习

传统前端开发系列目标为模仿一个网站页面（当然，如果有想法的话你也可以自己做）

所以本期内容我们先来搭建前端开发环境与配套软件

开发软件：

我们用VScode（全称Visual Studio Code）我们前后端，数据库学习都会用到它，是相当好用的一款免费开源的软件

下载链接：https://code.visualstudio.com/download

关于VScode的其他插件没有要求，因为插件是为了提升开发速度，但本系列目的是基础，如果是有经验的朋友随便

安装教程

1，下载userX64版本（这里建议使用user，因为有更新的话，如果安装的System版本，更新的时候每次都要有管理员权限才能更新，相对麻烦）（只要你是英特尔或AMD的芯片就用X64，arm是常用于手机端芯片的）

2，这个警告的意思是，是否确定安装user版本，我们选择是

3，下一步

4，确定好位置，下一步

5，附件任务选择，"将通过code打开操作添加到资源管理器上下文"的意思是使用资源管理器（其实就是你打开文件夹时）时右键会出现使用vscode打开的按钮

6，打开VScode，安装汉化插件

7，安装完成后，重启VScode，汉化成功

完成

浏览器：

谷歌浏览器，因为谷歌浏览器完全遵循了万维网（WWW）规则 ，对新标准的快速支持，作为前端开发的浏览器来说很方便。

下载链接：https://www.google.cn/intl/zh-CN/chrome/

安装过程就不过多赘述了，下载完双击即可自动安装

版本控制（可选）：

Git，由linux系统的作者开发，分布式版本控制系统，我们熟知的开源平台github就是基于git出现的，可想而知他的强大，但是我觉的对于新朋友来说会比较鸡肋，所以我会单独发一篇文章来介绍和使用他

事实上只用于传统前端开发的话，只用VScode和谷歌浏览器就足够了，虽然说有些了解的朋友会觉得太简陋了，但是为了避免在学习过程中出现问题，我在传统前端开发中会采用极简的开发风格，以保证基础内容不会被额外内容影响

接下来很长一段时间我们都将学习前后端开发和数据库，至于网络安全方面，我会适当结合之前皮卡丘靶场系列中我们了解到的内容进行讲解，所以不必担心网络安全方面脱离

雄关漫道真如铁 而今迈步从头越