学习web前端，初学者会用的哪些软件工具？

俗话说，工欲善其事，必先利其器。接下来为大家介绍一些初学者使用的网页编辑工具。

1.VSCode

       VS Code 全称 Visual Studio Code，是微软出的一款轻量级代码编辑器，免费、开源而且功能强大。它支持几乎所有主流的程序语言。还具有智能代码补全、自定义热键、括号匹配、代码片段等特性，支持插件扩展（ps：这个编辑器里有超级多插件为你所用,而且好用到飞起）。软件跨平台支持 Win、Mac 以及 Linux。

        VSCode 是我推荐不只是初学者，乃至会一直使用下去的编辑器。 为什么呢？除了以上介绍的优点外，还有一点，打开大文件启动的也快。有些代码编辑器在打开特别大的文件时可能会有明显的卡顿，但是VSCode 就是秒开。

拥有了VS Code，你就拥有了全世界！
官网下载地址：https://code.visualstudio.com/Download

2.HBuilderX

       HBuilderX是HBuilder（ps：HBuilder是由DCloud[数字天堂]）推出的一款支持HTML5的Web开发IDE[开发集成开发环境]）系列中的其中一个开发工具，HBuilderX简称HX，具有轻巧的特点，启动速度、大文档打开速度、编码提示，都极速响应。

       这款开发工具用起来很清爽而且护眼（ps：会有一种别的软件没有的顺滑感）。软件的界面清爽简洁，拥有的绿柔主题经过科学的脑疲劳测试，适合我们长期编码。

官网下载地址：https://www.dcloud.io/hbuilderx.html

3.Google Chrome

       有了以上两款开发工具，足够我们开发了。我们写出来的代码需要在浏览器上运行（ps：HTML，CSS，JS都是在浏览器中渲染执行的，确切的说是浏览器内核做的事情，渲染引擎和JavaScript执行引擎）。我推荐Google Chrome（谷歌浏览器）调试，我目前也是使用谷歌。

       谷歌优点如下：浏览器简洁性能高。支持HTML5全面以及浏览器兼容问题少，丰富的插件。 各种辅助工具、屏蔽广告、开发工具等。

官网下载地址：https://www.google.cn/chrome/

4.FSCapture.exe

       FSCapture是一款图像软件，具有很棒的图像浏览、编辑和抓屏工具，提供缩放、旋转、减切、颜色调整功能。只要点点鼠标就能随心抓取屏幕上的任何东西，拖放支持可以直接从系统、浏览器或其他程序中导入图片。一款非常好的屏幕截图软件。

       我在平时用它来取色，获取宽高值等等。而且软件为绿色版，没有任何限制，并且文件很小，2MB不到。特此强烈推荐。

前端利器——FSCapture！