前端常用工具和经验分享

如果你想找工具，不要搜“免费***”尤其用某度的时候
把免费二字换成开源，也许可以找到安全免费且好用的工具。

开发前准备：

• 在线UML类图，交互流程图：https://www.processon.com/
• 离线导图：XMind8版本，符合国内审美以及操作习惯，快捷键方便

VUE UI组件库选择或借鉴

• 金融类（mand-mobile）：https://didi.github.io/mand-mobile/#/zh-CN/docs/introduce
• 电商类（vant）：https://youzan.github.io/vant/#/zh-CN/pagination 有地址管理，卡券相关的业务组件非常不错
• 管理端（element）：https://element.eleme.cn/#/zh-CN 还有iview也不错

---

HTML，样式表，及浏览器脚本开发：

• UI参考网站：https://ibaotu.com/
• UE参考：蚂蚁通用设计规范 https://ant.design/docs/spec/proximity-cn
• 开发工具：VScode，Webstorm，HBuilder（支持jetbrain快捷键了，点赞！！！）…
• 快捷键：越多越好，尤其是编辑器中的批量选择，可以快速格式化各种txt，exel文档，粘贴过来十几秒变成json格式，如果数据量比较大，甚至节省几十倍的时间。原本开发逻辑就很费脑了，这些不费脑的地方，就让它更快一些吧！！！

学习和提升

• 技术文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects
• 知识面 ：印记中文 https://docschina.org/

服务器相关：

• https://www.filezilla.cn/ FTP工具：FileZilla
• https://www.putty.org/ TCP以及串行接口连接软件：Putty
• https://www.xp.cn/ 集成开发环境：phpstudy（mysql，redis，nginx，安全管理）