本节主要介绍一下开发环境有关的概念，以及安装学习所需要的软件。
在开始安装各种软件之前，我们先了解一下，什么是开发环境？
专业定义为：软件开发环境(Software Development Environment，SDE)是指在基本硬件和数字软件的基础上，为支持系统软件和应用软件的工程化开发和维护而使用的一组软件，简称SDE。
通俗讲，开发环境是指在做编程开发时需要用到的软硬件要求，以及对应的系统以及应用程序工具等，这个整体就是开发环境。
具体而言，就是我们进行软件开发的时候，首先我们得有一台电脑吧，有了电脑后得有一个编辑代码的编辑器吧，有了代码后得有执行环境吧，代码可以运行后得有运行展示的浏览器吧，有了bug还得有分析的工具吧。
我们这个课需要什么样的开发环境呢？
首先，得有一台电脑，这里老师推荐大家使用的苹果的Mac电脑，实在不得已才使用普通的Windows电脑，即使没有Mac电脑，最好还是在Windows系统上通过虚拟机或双系统装一下Linux系统，为啥呢？
因为俗话说，工欲善其事必先利其器，Windows系统的设计原则是让使用软件的爽，而让软件开发者就不爽了，开发越久体会越深，一般好的公司开发人员都是统一使用mac电脑的，特别是架构师或全栈工程师，因为很多开发软件或工具都是最后支持Windows的，有时甚至不支持。
其次，我们需要安装一个代码编辑器，Js开发，近几年比较流行的编辑器有sublime、atom、webstorm和vscode等，各有各的好，不过近两年最火的莫过于vscode，让很多原本热衷于eclipse、IntelliJ、Atom的同学纷纷转向了vs code，并且对其赞不绝口。。
这是一个微软开源的轻量且强大的跨平台开源代码编辑器IDE，支持Windows，OS X和Linux，内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、Python、PHP等其他语言。
不得不佩服微软在软件方面的实力，一旦他们去专注做一件产品，真的会做到令人惊艳的地步，所以，经过多项的对比，我们还是选择了vs code作为我们学习或工作的代码编辑器。
不管大家使用的是哪个系统 ，安装起来都比较容易，只需到官网 https://code.visualstudio.com/ 下载对应系统的版本即可，对于Mac系统，安装时打开时可能有安全提示，允许即可。
有个vscode 后，我们就需要安装一个运行命令的环境，一般Windows系统自带cmd命令行工具，但执行的是dos命令，而我们使用的基本都是Linux命令，可以通过安装git bash 在Windows系统上执行Linux命令，并且安装好后就集成了git工具。
而对于Mac系统和linux系统，自带terminal 工具，在Mac上的terminal输入git 命令，回车后，如果没有安装过git工具，系统会提示我们按照苹果开发者工具，点击安装后，就有了git工具，对于Linux系统，如果是ubuntu系列，使用apt-get install git 安装即可，如果是centos 则使用yum install git，当然也可直接去官网 https://git-scm.com/downloads 下载安装包安装。
有了执行linux 命令的终端后，我们则需要安装执行Js的node环境，虽然安装方式有很多种，推荐大家直接到 https://nodejs.org/ 去下载对应系统的版本安装即可，安装好了以后大家在终端执行 node -v 就能看到当前安装的node版本号。
安装好了node 以后，我们开始安装一个使用我们系统的浏览器，那什么是浏览器呢？
浏览器是用来显示在万维网或局域网等内的文字、图像及其他信息的软件，它还可以让用户与这些文件进行交互操作。
浏览器是我们上网时经常使用到的应用软件，浏览器正是Internet时代的产物，随着电脑和手机的普及、Internet的全球连接及人们对信息需求的爆炸式增长，为浏览器的诞生和兴起提供了强大的动力，同时它也标志着互联网时代的来临。
常见的网页浏览器包括微软的IE浏览器、Mozilla的Firefox火狐浏览器、苹果公司的Safari浏览器、Google的Chrome浏览器、360安全浏览器、搜狗高速浏览器、傲游浏览器、百度浏览器、腾讯QQ浏览器等。
但是作为一个 Web 程序员，得拿 Chrome 来干活，不仅简洁、快速，而且Chrome提供的开发者工具是所有浏览器中最好的，我们通过右击网页选择检查元素，就能打开开发者工具，当然也可以通过快捷键打开，等我们安装好后我再演示给大家。
那么如何安装呢？其实很简单，大家到 https://www.google.cn/intl/zh-CN/chrome/ 官网下载对应系统的版本即可。
我们安装好后，随便打开一个网站，在Mac系统我们通过 Command + option + i 就能打开开发者工具，可以看到网页的内容，网络请求和性能分析等，在学习的过程中，我再给大家讲解和演示各个常用功能的使用。
注册 github 账号
安装好了以上必备的软件后，为了便于大家管理自己学习的代码，我们还需要大家去注册一个github账号。
注册过程很简单，大家打开github官网 https://github.com/ 去填写注册必要的信息就能快速开通一个github账号，注册过程我就不展开了，这里简单谈一谈github。
首先什么是github，GitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名GitHub。
GitHub于2008年4月10日正式上线，除了Git代码仓库托管及基本的 Web管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。
在短短的10年里，GitHub 改变了人们的编程方式，不仅让编程变得更简单，还改变了软件开发者对编程的看法。
2018年6月4日，微软宣布，通过75亿美元的股票交易收购代码托管平台GitHub。
