前端之H5+CSS3和编辑工具VSCODE
话说，大家再怎么小白，也应该接触过书本吧！那么书本是怎么来的呢？印刷机打印出来的！怎么排版的？一般都是用文字编辑软件像WORD来排版。这排版就是前端要学习的基础。然后在这个基础上再拓展丰富的多媒体，像音频、视频，这样就构成了一个娱乐型网站。或者添加一些交互接口，工作流，流程图之类的，就构成了一个办公系统。这些内容都需要通过客户端的浏览器来渲染后显示在屏幕上。浏览器可以类比成打印机。所以，不需要看是什么操作系统，只要看这个浏览器是否支持就可以了。这点知道一下就可以了。
比喻理解
-
H5，像人一样，由一些器官组成，每个器官都有自己的作用。
-
CSS3，像化妆术一样，帮助人穿衣打扮，能更好看。
编辑器
如果在电脑写点文字想存起来，那最起码得保存成一个文本文件。文本文件的后缀名是.txt。如果你的电脑不显示（WIN10)，就在把 文件资源管理器/查看/文件拓展名 项勾上，就可以看见了。刚说的三大件，它们的内容编写好保存起来其实也是文本内容，当然了，为了区别一下，就用不一样的文件后缀名来区分一下。
- H5的.html
- CSS3的.css
因为语法不一样，为了编辑方便就需要一个特定的编辑器来编辑这些文件。VSCODE是一个很好用的编辑器，通过丰富的插件，能实现很多功能。点击进入官网下载对应的系统的安装包，本例子以windows 10为例子。
安装好后，打开看看界面
这个编辑器是以一个文件夹为根，你所创建的文件都在这个文件夹下。看菜单栏，有对应的功能，这些用到的时候再详细说。左侧的按钮也是有对应的功能，这些也是用到的时候再说。现在打开了，有个欢迎页面，进行配置编辑器的样子，你们可以选一下自己喜欢的颜色就好，也请注册一个GitHub账号，以后写一些代码就可以放到上面去存着，以后可以偶尔回来看看自己写的代码。
