前端开发用到的工具及框架

 


前端开发必备软件(工具)
   分类    名称                                        下载地址                                 备注 
浏览器调试 chrome https://pc.qq.com/detail/1/detail_2661.html 谷歌浏览器调试工具。
代码编辑器 WebStom https://www.jetbrains.com/webstorm/download/download-thanks.html 需要付费使用或者有密匙。
代码编辑器 Vscode https://code.visualstudio.com/ 提示功能很强大。
代码编辑器 Hbulider https://www.dcloud.io/ 简便好用,可以测试小demo。
原型图 Axure https://axure.cachefly.net/AxureRP-Setup.exe 是互联网产品经理必备的软件之一,主流科技公司都在用。
接口测试工具 Postman https://www.getpostman.com/downloads/ 开发过程中去调试接口,Postman确实足够的简单方便,而且功能强大。
抠图 Photoshop http://soft.tzwyi.cn/shadu/pk20190722/f62.shtml?sfrom=166&keyID=45312&channel=1&check=45 一款功能强大的图形图像处理软件。
分布式版本控制系统 Git https://git-scm.com/download/win 一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。
软件项目的托管平台 github https://github.com/ 一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管。
仓库管理系统的开源项目 gitlab https://git.lug.ustc.edu.cn/users/sign_in 一个用于仓库管理系统的开源项目,使用Git作为代码管理工具,并在此基础上搭建起来的web服务。
款切图设计工具 PxCook http://www.fancynode.com.cn/pxcook 帮你轻松驾驭设计图的尺寸,无需去量。
产品设计共享平台 蓝湖 https://lanhuapp.com/ 是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。
 代码比较工具 Beyond Compare  http://www.onlinedown.net/soft/23172.htm Beyond Compare是一款Scooter Software研发的文件对比工具。你可以选择针对多字节的文本、文件夹、源代码,甚至是支持比对adobe文件、pdf文件或是整个驱动器,检查其文件大小、名称、日期等信息。
编辑器 Notepad++ https://www.cr173.com/soft/2907.html 是一款非常有特色的编辑器,软件小巧高效,支持27种编程语言,通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等。是开源软件,可以免费使用,同时也支持各类流行的计算机编程语言。编辑器可以运行在微软的windows系统环境下,它的使用是受GPL许可证保护的,支持的语言:C、C++、Java、C#、XML、HTML、PHP、Javascript。(方便原格式的查看编写代码)
数据库管理工具 Navicat 12 https://pan.baidu.com/s/1WuLgu4ye1T82sG9-o1teGw + bh3n Navicat Premium 是一套多连接数据库开发工具,让你在单一应用程序中同时连接多达七种数据库:MySQL、MariaDB、MongoDB、SQL Server、SQLite、Oracle 和 PostgreSQL,可一次快速方便地访问所有数据库。
远程控制 TeamViewer https://www.teamviewer.cn/cn/download/windows/ 远程桌面管理控制工具,在家加班的好工具。
前端开发人员的框架或者类库
类别 名称 官方地址 备注
  jQuery.js https://jquery.com/ 较少
  Vue.js https://cn.vuejs.org/  主流框架
  React.js https://reactjs.org/ 主流框架
  Angular.js https://angularjs.org/ 较少
  微信小程序 https://developers.weixin.qq.com/miniprogram/dev/framework/ 主流框架(方向)
  Element Ui https://element.eleme.cn/#/zh-CN/guide/design 饿了么前端开源维护的Vue UI组件库,组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,例子也很丰富。 主要用于开发PC端的页面,是一个质量比较高的Vue UI组件库。
  Vant Ui https://youzan.github.io/vant/#/zh-CN/intro 有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。
  iView Ui https://www.iviewui.com

一个强大的ui库基于vue,有很多实用的基础组件比elementui的组件更丰富,主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式 基于 npm + webpack + babel 开发,支持 ES2015 高质量、功能丰富 友好的 API ,自由灵活地使用空间。

  Flutter http://doc.flutter-dev.cn 谷歌的移动端 UI 框架,可在极短的时间内构建 Android 和 iOS 上高质量的原生级应用。 Flutter 可与现有代码一起工作, 它被世界各地的开发者和组织使用, 并且 Flutter 是免费和开源的。
  layui https://www.layui.com 一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。
  Mint UI https://mint-ui.github.io/#!/zh-cn 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。
  SUI Mobile http://m.sui.taobao.org/components/ SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。我们的组件都是按照iOS风格设计的,所有有很多组件都是iOS独有的炫酷设计
  we UI   https://weui.io/ WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
  Forzen Ui http://frozenui.github.io/components/components

用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题。

可以按需选择需要的组件,也可以采用cdn和combo的方式按需加载。

使用iconfont展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px, rem,文字截断,占位,两端留白,两端对齐等解决方案,同时解决了移动端屏幕适配问题。CSS使用模块化的样式命名和组织规范,使用sass编写css代码。

  MUI https://dev.dcloud.net.cn/mui/

追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;

MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K

鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标.

MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件.

 

Framework

https://framework7.io/ 用于构建iOSAndroid桌面应用程序的全功能框架.Framework7-是一个免费的开源框架,用于开发具有原生外观的移动,桌面或Web应用程序。它也是必不可少的原型制作工具,可以在需要时尽快显示可运行的应用程序原型。
 

Vuetify

https://vuetifyjs.com/zh-Hans/ Vuetify基于vue2.0,为移动而生的组件框架 
Vuetify 支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式Web应用程序)和标准HTML页面。 
不兼容IE9/IE10,部分兼容IE11/Safari9,兼容其他浏览器。
小程序ui框架 TouchUi https://github.com/uileader/touchwx TouchUI-WX是一套完全免费的微信小程序开发框架,包含丰富的UI控件用于官方组件的补充,并扩展了小程序很多其他能力。
  小程序开发社区 http://www.wxapp-union.com 小程序开发交流区
  在线工具 https://tool.lu/c/developer/  
ICON icon https://icon.52112.com/?bd_vid=11459296454949175102 新颖icon,复古
ICON iconfont https://www.iconfont.cn/ 阿里巴巴打造的,国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能
ICON easyicon https://www.easyicon.net/ 精美
发布了128 篇原创文章 · 获赞 250 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/XU441520/article/details/100593446