本节主要介绍学习Web前端所需要的工具，浏览器和编辑器的挑选、安装插件和使用。
所谓磨刀不误砍柴工，挑选属于你的最顺手的工具，可以让你在写代码的时候心情愉悦，更加喜欢写代码。
浏览器的挑选
当下在PC端比较流行的浏览器有：
- Google Chrome
- Firefox
- IE
- Safari（一般只有Mac用户使用）
在这几款浏览器里，坚持到现在我还在使用的浏览器是谷歌的Chrome。它使用起来很简洁，查看网页源码很方便，它附带的一些功能相比其他浏览器来说很强大。尤其是它的V8引擎，在之后学习JavaScript脚本语言的时候可以直接使用谷歌的Chrome中的控制台直接编写代码，学习完基础语法完全够用。
编辑器的挑选
编写HTML、CSS和JavaScript等需要编辑器。尽管你也可以使用电脑自带的文本编辑器来编写代码。但是效率相比带有语法提示的编辑器来说会低很多，而且使用普通的文本编辑器编写代码在前期是可行的，但是到后期学习了Vue等框架需要使用npm 包管理工具来下载插件的时候，普通文本编辑器就显得力不从心了。而且当文件越来越多的时候，普通文本编辑器对于文件的切换效率也是非常之低的，可以说是没有切换功能。所以我们需要一款对于自己来说顺手的编辑器。
Atom
这款编辑器其实我是非常喜欢它的界面和编写代码时候的那种感觉的，但遗憾的是需要的内存太大了，我8G的Mac跑起来都卡卡的，如果电脑性能很不错，可以试试这款编辑器。
Sublime
这款编辑器现如今仍然有很多编程人员使用，对我来说，它的使用方便简单程度不如下面介绍VScode。
VScode
Visual Studio Code是微软出版的一款编辑器。是我至今仍在使用的编写Web前端代码的编辑器。使用方便、简单，而且插件超级之多。下面来讲解该编辑器的安装和使用。
VScode的安装和使用（以Mac为例）
VScode安装
VScode下载地址：code.visualstudio.com/
安装：解压安装包后就可以直接使用了
以下是安装完后的页面：
VScode插件下载
如上图的最左边一排图标的管理扩展（Shift+command+x），我们可以在这里搜索我们想要安装的插件。
以上就是学习Web前端之前需要配置的一写环境。如有错误或不足，请慷慨的指出。