菜鸟请收好:提升前端开发效率的5个方法

前端其实是一个很杂的工作职位，除了要负责切图、写html/css/js外，还要解决一系列的浏览器兼容性、网页性能优化等问题。

对于开发效率，个人理解是：

开发效率 = 新增代码的效率 + 修改代码的效率 + 维护代码的效率

对于菜鸟来说，使用正确的方法可以事半功倍。

下面简单分享几个方法：

切图：

切图是前端开发最基础的技能。

一般我们使用Photoshop或者FireWorks基本都能搞定的，利用PS里的“一键切图”的功能可以快速实现。

编码：

对于编写代码部分，我们首先要找到一款合适自己的开发工具。

这里我主要推荐Sublime、Vscode或者Webstrom。

因为它们除了人性化的界面和支持大多数语法的高亮外，还可以安装各种各样的插件工具。

选择适合的编辑器，可以让敲代码的速度以指数级上升。

例如：当你输入多个li标签时，能一键复制就复制。如果一个个手打输入，等基础结构html页面写完，都要下班了。

前端自动化：

• 使用npm来管理项目包文件；
• 利用webpack来打包压缩我们的代码；
• 利用node.js来实现构建本地服务器；
• 利用karma、jasmine来测试我们的前端代码。

模块化：

模块化就是一个实现特定功能的文件，有了模块我们就可以更方便的使用别人的代码，要用什么功能就加载什么模块。

组件化：

通过将我们的代码划分成不同组件来实现公用并方便维护，比如前端的三大框架vue、react或angular，都是用组件化来写的。

对于提高前端的开发效率的地方还有很多，可谓任重而道远。

这些方法可能只是鸿毛一角，也希望在实践的过程中慢慢总结适合自己的方法。