编辑器
编辑器就是我们的武器,用来编写代码。对于编辑器而言,这里个人推荐Visual Studio Code,再引入一些插件后,就像给武器加上各种装备,会让我们开发变得更加方便,VSCode的配置,我也写过一篇记录了一下,具体的插件与配置请移步于此配置
浏览器
浏览器用来测试代码。用户在浏览网页的时候,直面的就是我们前端,我们所写的代码也都要在页面中显示。当然浏览器也有各种各样的选择,这里推荐Chrome(谷歌)。谷歌兼容性比较好,页面也比较简洁,自身也有各种插件可以帮助我们开发,就是安装插件是一般需要翻墙。还有一款更方便的就是系统自带的Edge,现在Edge要比当初的ie好用多了,也是很好的选择
代码管理工具
具体工作时,我们可能会跟同事一起完成某个项目,这个时候不可能等到同事把一个功能模块的代码完成,你再去他的电脑上继续做,这样根本没有效率可言。所以我们就要借助工具来管理代码,简单而言需要一个库来存放写的代码,这样多人能够同时维护项目代码。这里就用到了github,github上面还有很多开源项目,就是别人已经写好的代码放在上面,我们可以下载下来查看这些代码。这些也要借助git工具,这个工具使用方法我们也必须要学会的。
-
github:http://github.com/
-
gitee:https://gitee.com/(github的中国版)
其他工具
对于前端而说,最重要的及时编辑器和浏览器。还有一些其他工具就是辅助,比如说Photoshop用于我们简单的切图
网站工具
当我们开始开发时,会碰到很多问题,大部分时候需要我们自己解决,最直接简单的就是百度搜索,也可以浏览接下来的网站,在我们日后开发中或者也会用到。