| 分类 | 名称 | 下载地址 | 备注 |
|---|---|---|---|
| 浏览器调试 | chrome | https://pc.qq/detail/1/detail_2661.html | 谷歌浏览器调试工具。 |
| 代码编辑器 | WebStom | https://www.jetbrains/webstorm/download/download-thanks.html | 需要付费使用或者有密匙。 |
| 代码编辑器 | Vscode | https://code.visualstudio/ | 提示功能很强大。 |
| 代码编辑器 | Hbulider | https://www.dcloud.io/ | 简便好用，可以测试小demo。 |
| 原型图 | Axure | https://axure.cachefly/AxureRP-Setup.exe | 是互联网产品经理必备的软件之一，主流科技公司都在用。 |
| 接口测试工具 | Postman | https://www.getpostman/downloads/ | 开发过程中去调试接口，Postman确实足够的简单方便，而且功能强大。 |
| 抠图 | Photoshop | http://soft.tzwyi/shadu/pk20190722/f62.shtml?sfrom=166&keyID=45312&channel=1&check=45 | 一款功能强大的图形图像处理软件。 |
| 分布式版本控制系统 | Git | https://git-scm/download/win | 一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。 |
| 软件项目的托管平台 | github | https://github/ | 一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管。 |
| 仓库管理系统的开源项目 | gitlab | https://git.lug.ustc.edu/users/sign_in | 一个用于仓库管理系统的开源项目，使用Git作为代码管理工具，并在此基础上搭建起来的web服务。 |
| 款切图设计工具 | PxCook | http://www.fancynode/pxcook | 帮你轻松驾驭设计图的尺寸，无需去量。 |
| 产品设计共享平台 | 蓝湖 | https://lanhuapp/ | 是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。 |
| 代码比较工具 | Beyond Compare | http://www.onlinedown/soft/23172.htm | Beyond Compare是一款Scooter Software研发的文件对比工具。你可以选择针对多字节的文本、文件夹、源代码，甚至是支持比对adobe文件、pdf文件或是整个驱动器，检查其文件大小、名称、日期等信息。 |
| 编辑器 | Notepad++ | https://www.cr173/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/s/1WuLgu4ye1T82sG9-o1teGw + bh3n | Navicat Premium 是一套多连接数据库开发工具，让你在单一应用程序中同时连接多达七种数据库：MySQL、MariaDB、MongoDB、SQL Server、SQLite、Oracle 和 PostgreSQL，可一次快速方便地访问所有数据库。 |
| 远程控制 | TeamViewer | https://www.teamviewer/cn/download/windows/ | 远程桌面管理控制工具，在家加班的好工具。 |
| 类别 | 名称 | 官方地址 | 备注 |
|---|---|---|---|
| jQuery.js | https://jquery/ | 较少 | |
| Vue.js | https://cn.vuejs/ | 主流框架 | |
| React.js | https://reactjs/ | 主流框架 | |
| Angular.js | https://angularjs/ | 较少 | |
| 微信小程序 | https://developers.weixin.qq/miniprogram/dev/framework/ | 主流框架（方向） | |
| Element Ui | https://element.eleme/#/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 | 一个强大的ui库基于vue，有很多实用的基础组件比elementui的组件更丰富，主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式 基于 npm + webpack + babel 开发，支持 ES2015 高质量、功能丰富 友好的 API ，自由灵活地使用空间。 | |
| Flutter | http://doc.flutter-dev | 谷歌的移动端 UI 框架，可在极短的时间内构建 Android 和 iOS 上高质量的原生级应用。 Flutter 可与现有代码一起工作, 它被世界各地的开发者和组织使用, 并且 Flutter 是免费和开源的。 | |
| layui | https://www.layui | 一款采用自身模块规范编写的前端 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/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/mui/ | 追求性能体验，是我们开始启动MUI项目的首要目标，轻量必然是重要特征； MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K 鉴于之前的很多前端框架（特别是响应式布局的框架），UI控件看起来太像网页，没有原生感觉，因此追求原生UI感觉也是我们的重要目标. MUI以iOS平台UI为基础，补充部分Android平台特有的UI控件. | |
| Framework | https://framework7.io/ | 用于构建iOS，Android和桌面应用程序的全功能框架.Framework7-是一个免费的开源框架，用于开发具有原生外观的移动，桌面或Web应用程序。它也是必不可少的原型制作工具，可以在需要时尽快显示可运行的应用程序原型。 | |
| Vuetify | https://vuetifyjs/zh-Hans/ | Vuetify基于vue2.0,为移动而生的组件框架 Vuetify 支持SSR（服务端渲染）,SPA（单页应用程序）,PWA（渐进式Web应用程序）和标准HTML页面。 不兼容IE9/IE10，部分兼容IE11/Safari9，兼容其他浏览器。 | |
| AT UIKIT | https://at-ui.github.io/at-ui/#/zh/docs/introduction | 凹凸实验室出品的一款轻量级、模块化的前端 UI 组件库。 | |
| Muse-UI | https://muse-ui/#/zh-CN | 基于 Vue 2.0 优雅的 Material Design UI 组件库 | |
| Mand Mobile | https://didi.github.io/mand-mobile/#/en-US/docs/introduce | vue移动端框架 | |
| 小程序ui框架 | TouchUi | https://github/uileader/touchwx | TouchUI-WX是一套完全免费的微信小程序开发框架，包含丰富的UI控件用于官方组件的补充，并扩展了小程序很多其他能力。 |
| 小程序开发社区 | http://www.wxapp-union | 小程序开发交流区 | |
| 在线工具 | https://tool.lu/c/developer/ | ||
| ICON | icon | https://icon.52112/?bd_vid=11459296454949175102 | 新颖icon，复古 |
| ICON | iconfont | https://www.iconfont/ | 阿里巴巴打造的，国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能 |
| ICON | easyicon | https://www.easyicon/ | 精美 |
更多推荐
前端开发用到的工具及框架
发布评论