前端开发有什么提高效率的方法呢？

Question

可以是

1.ide的某个插件
2.类似lodash的js库
3.某种热刷新/热更新的方法
4.不写重复代码的方案
5. ...

总之就是能提高开发效率的

Answer 1

网上一艘一大堆，我说下我工作这么久总结出来的吧

大方面上主要分为两类工具、方法

工具当然是主要是开发工具

- 电脑（从win转到mac,MacPro确实一定程度上提高了我的效率，首先轻了便携，其次从不关电脑节省时间，注：有些工具需要win比如ie，这是痛点吧）
- IDE（vscode，虽然它没有webstorm那么丰富'庞大'，但是够轻盈，简洁，一份好的配置，足够媲美webstorm但他又胜在启动上）
- 解压力神器（无聊卡bug的时候，适当放松下，能很好找的突破口）
- 耳机（快速进入沉浸模式）

方法就又多又杂，讲讲注意的吧

1. 开发
    - 浏览器插件`FeHelp`各种功能集于一身
    - 工具类封装
    - 代码片段收集
    - code中（注释、提取封装）
    - Jenkins 持续集成
    - 本地 NGINX 调试配置
    - ...(这里比较广了，更具不同的体量、场景具体分析)
2. 调试
    - postMan 接口调试工具
    - Charles 抓包神器
    - vconsole、 weinre  移动端调试
3. 学习
    - GitHub
    - 前沿资讯
    - ...
    

Answer 2

首先需要有场景，找到痛点才能有的放矢，不要为了提升效率而提升效率。

举个之前做一个管理平台为例，基础功能是权限管理、菜单管理、用户管理、框架布局，而日常需求是写报表页、看板页。可以从两个方面提升效率：

• 首先是基础功能通用性封装，生成做成项目模板，可以在其他类似项目中得到复用，在初始化项目阶段一键生成；
• 而做日常的报表页面时，存在大量的重复代码和相似逻辑，我们的做法就是做通用性封装，将个性化的地方做成配置。开始完成一个报表页的开发到联调需要一天，现在平均只需要 1 小时，甚至简单的需求只要10分钟，而且因为做了封装，bug 的出现范围变得可控，减少了 bug 发生概率，减少了修 bug 的时间。

而我们的终极目标，是将配置工作也干掉，1 分钟也不想浪费。但背后就得做很多标准化的工作，这个需要天时地利人和，存在一个性价比的问题。

Answer 3

多尝试适合你自己的最佳实践，或者参考别人的，先学习学习

Answer 4

1. 写前端上了 ide 的话，如果是 webstorm ，基本上不用装插件。我唯一装的是ideavim，原因是我更习惯vim的方式。
2. 类似于 lodash 的库推荐 ramda， 非常符合适合于函数式编程。
3. 热更新的方法，我多还是用webpack + webpack-dev-server + HotModuleReplacementPlugin。
4. 不写重复代码的办法，可以建立一个代码片段仓库，已经有很多现成的方案或是软件。

Answer 5

不玩手机，不逛知乎。你可以提高一半以上的效率。

常用的方法自己写个js文件积累起来或者分门别类放到不同的js里面，或者上传到npm上，用的时候可以直接install下。

Answer 6

• 工具类（Mac）：

  1. 开发工具： VSCode + 插件
  2. 浏览器 | 调试工具： Chrome + Postman
  3. 效率工具： Alfred、TextExpander
  4. Hosts工具：SwitchHosts！
  5. 降噪无线耳机：AirPods Pro
  6. 番茄闹钟
  7. 滴答清单
  8. 文档类：熊掌记（Bear）、Mweb、Ulysess
  9. 思维导图：MindNode
  10. FTP：Transmit
  11. 抓包：Charles
  12. Color Picker