选择程序员友好的开发工具可以大大提高工作效率，在底层前端框架领域以前由jquery控制。 近年来，MVVM类型的框架成为主流，Vue、React、Angular三大框架很常见。 今天，我将介绍一个方便的Web前端开发框架。
一、Foundation框架Foundation框架稍高于Bootstrap，但他们俩的设计理念非常清晰，Bootstrap引导着你处理你项目的一切需要。 Foundation有基础、基础、支柱，为项目提供有力的创造和支持。 对于Bootstrap丰富的组件和插件，Foundation只提供了有限的几个元素。 其目标是，即使使用预定义的UI元素，也不应该与大家的网站相似。
二、Bootstrap Bootstrap在业界非常受欢迎，很多前端框架都在此基础上开发。 例如，WeX5是基于Bootstrap源代码优化的。 Bootstrap基于HTML、CSS和Javascript，简洁灵活，使Web开发更加敏捷。 提供优雅的HTML和CSS规范，基于jQuery更加个性化和人性化。 与大多数jQuery插件兼容，以及丰富的Web组件，如下拉菜单、按钮下拉菜单、导航栏、按钮组、选项卡、缩略图、进度条和媒体对象附带13个jQuery插件，其中包括模式对话框、标签页、滚动条、弹出框等。
三、Curl Curl是一个命令行工具，用于通过http(s )、FTP和几十种其他协议进行请求。 使用Curl可以下载文件、检查响应标头和自由访问远程数据。 在Web开发中，Curl经常与rest风格的API一起使用以测试连接。
四. Tree Tree是一个小型命令行实用程序，用于可视化显示目录中的文件。 通过递归执行，遍历每个级别的嵌套，并绘制所有内容的格式树。 这样可以快速浏览和查找所需的文件。
五.根据Wikipedia的解释，Tmux是终端复用器。 通俗地说，这是一种可以将多个终端连接到一个终端会话的工具。 Tmux允许用户在终端中切换程序、添加屏幕窗口，以及将多个终端连接到同一个会话以保持同步。 在远程服务器上工作时，Tmux特别有用，用户无需重新登录即可创建新选项卡。
六. du du命令用于生成关于文件和目录空间使用情况的报告。 du易于使用，可以递归执行，遍历每个子目录并返回每个文件的大小。 du典型用例：如果驱动器容量不足，则用户不知道每个存储器的大小。 使用此命令可以快速查看每个文件夹使用的存储空间，并找到使用最多空间的存储。
七. AUI AUI是一组专门为APIClound设计的框架，解决了许多移动终端开发中实际遇到的许多问题的是纯CSS框架。 使用集装箱布局模块的构建方法，由JS辅助，更加自由灵活，便于扩展使用。 它符合谷歌材料的设计规范，非常适合所有型号。 面向HTML5，使用CSS3实现动画的交互，重量轻、性能高。
八. AmazeUI被誉为中国第一个开源HTML5跨屏前端框架。 妹妹的UI以移动优先为理念，从小画面逐渐转移到大画面，实现了具有响应性的网页。 AmazeUI包含20个CSS组件、20个JS组件和多个包含不同主题的Web组件。 与国外框架相比，UI关注中文排版并提供本地化支持。 面向HTML5开发，使用CSS3实现动画的交互，重量轻、性能高。
九. FrozenUI FrozenUI是一个开源、易于使用、轻量级、灵活的移动终端框架。 基于手q样式规范，目前已全面应用于企鹅手q增值业务。 基本的风格效果简单色调清爽，社区活跃，组件自然不少。 包含按钮、列表、表单、通知、古巴、弹出框和选项卡等常规组件。 它还包含FrozenJs的JS组件库。 可以在主流的Android和IOS上应用。 基本样式使用离线软件包来减少请求并提供快速访问计划。
程序员在各种业务场景中角色互换，需要掌握很多开发工具，因此了解Web前端开发框架对工作非常有帮助。
本文来自千锋教育，转载请注明出处。