工具选得好下班下得早

工欲善其事必先利其器，对于程序猿而言，开发工具就是我们的武器。选择一个适合自己的开发工具，无论对于自己还是项目都是一个双赢的局面。

之前在刚开始学习前端时，小编给大家介绍过一款开发工具editplus。对于初学者来说，这个工具非常适合也是极为必要的。但对于后期的学习和工作中，我们已经积累了一定量的经验，也不只是停留在熟悉代码的阶段，快速开发才是我们的首要目标。随着我们经验的积累，其实我们需要记忆的东西会越来越少，反之，需要我们掌握的方法和技巧会越来越多。我们需要一些工具来帮助我们省去很多不必要的工作。

Sublime是小编很喜欢的一个工具。相较于editplus，它会有很多的代码提示功能和很多的个性定制内容。在工作中除了使用sublime之外。一些人会用dreamweaver，功能上还是挺不错的，但较之界面风格小编不是很喜欢，所以直接pass掉了。还有一些人会用WebStorm这个工具，整体来说这是一个很不错的工具，可能是小编电脑的关系，启动软件也需要花费一定的时间，与sublime对比起来，小编也把它给pass掉了。其实，市面上有很多类似的工具，都有自身的特点和不足之处，选择什么样的工具都是因人而异的。Sublime是一款值得用用看的工具软件。

Sublime插件安装与配置方法

Sublime有很多的版本，因为个人喜好的不同，所以大家找到的工具差别也可能会很大，但主要的功能都是具备的。我们下载到的Sublime，如果想要用得更加得心应手，我们根据自身需求安装插件和个性配置一番，属于自己的Sublime就诞生了。

Sublime常用快捷键

已经定制了属于自己工具，但想要偷下懒，Sublime常用快捷键是必须掌握的。就像在使用PS快键键一样，我们不可能需要一个功能时还要到面板里找，记住相应的快捷键可会省去很多的事情。

sublime方法

以上，我们已经可以很好的使用我们的工具了，但对于这个工具而言，我们也还有很多的东西没有开发使用。我们在编写前端代码时会有固定的代码部分，这部分代码我们就可以做为模板给保存起来。知道了模板的设置方法，可以让根据不同的项目需求定制不同的模板帮助我们开发。

[F5] Web开发免刷新

很多人在开发中都会有这样的烦恼，我们在调试页面时，每做一些改动想看结果时，都需要手动刷新一下浏览器。更为困扰的是，一些浏览器的刷新按钮做得还不那么明显，着实让人抓狂！既然有了那么好的开发工具，要是连刷新也能省去的话，那岂不是更完美了。有需求就会有市场，这样的工具时存在的。[F5]Web开发免刷新工具就是一个很不错的选择。

致谢

很感谢电脑前的你，将这篇文章从头读完，我们希望能够为大家建立一个HTML5技术分享平台，欢迎进入“HTML5学堂”沟通交流~~~HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织。致力于构建一个前端技术、HTML5知识的分享平台。