如果你是一个web前端高手，那么可以跳过这篇文章，因为你可能有更好的方法，非要看那就当一个笑话看看就好了。假如你是小白新手，那么一起来跟我阅读下面这篇文章吧，它主要讲述了如何快速的编写前端代码的方法。
高效率编写前端代码的办法如下
一、选择一个好的编辑器
这里我只推荐一个那就是WebStorm，之前我一直用的是sublime_text3，我以为那是最好用的了。用了WebStorm之后我觉得它才是现在世界最好的。如果有条件的小伙伴记得支持正版，虽然很贵。
二、WebStorm配置SASS
配置SASS首先要安装一个东西名字叫Ruby，下载解压点击Next，继续向导，勾选AddRubyexecutablestoyourPATH即可，不会安装的百度一下Ruby安装教程。好了之后打开WebStorm点击设置-工具-filewather点击加号添加一个SASS配置。如下图所示即可
sassSASS的写法绝对让你效率提升一大半，如下图所示，不用再重复写父命名，不用重复写括号，最最最重要它支持变量。
三、多屏显示
一个屏幕显示前端编辑器，一个屏幕显示正在编辑的页面，再配一个小点的笔记本用来搜索解决前端问题。这种搭配非常完美，但需要大量金钱去支持。但以我多年的经验告诉大家，这绝对让你编写前端的速度快三分之一。
切屏看效果真的太麻烦了，高手都懂的，我这里就不配图了。
四、用谷歌浏览器配合EmmetLiveStyle,这绝对是编写pc前端的大杀器。
EmmetLiveStyle是什么？类似于用webpack的热刷新。就是你写的css或html改变了，页面就会自动刷新，这要是配合多屏是多么的方便啊，真的可以把垃圾的F5键扣掉了，遍写遍看效果，那感觉太棒了。
以上四点便是让你高效率编写前端代码的办法，如果你还为如何快速的编写前端代码而烦恼就快来看看吧。