/tools

常用工具分享

MIT LicenseMIT

工具集 Awesome

🛠 📙 项目主要收集学习开发中使用过的工具、类库以及优秀的开源项目等，还包括一些黑科技、插件等等。✍️ 📋

欢迎大家补充分享，谢谢！

持续更新中 ~

目录

正文

Java

  • Java8 Tutorial - Java8 编码指导
  • JavaGuide - Java 学习指南仓库，涉及到比较全面的 Java 核心知识
  • Think in Java - Java 编程**
  • Java-Design-Patterns - Java 设计模式
  • Spring Boot - 快速搭建 Spring 项目的简易框架，上手快 JUST RUN
  • Spring-Boot-Examples - Examples : Spring Boot 教程、技术栈示例代码，快速简单上手教程
  • Spring Quick Start - 快速生成 Spring 项目
  • Tomcat - Web 服务器
  • Maven - Java 包管理器
  • Jetty - 一款 Web 服务器，类似Tomcat
  • RxJava - Reactive Extensions for the JVM – 一个在Java VM 上使用可观测的序列来组成异步的、基于事件的程序的库.
  • Luyten - Jar反编译工具，功能上和 JD-GUI 基本一致。主要不同点：平铺Jar包的所有package、多一些主题可供选择

Node

  • Node - Node官网，下载、api文档...
  • Nvm - 全称 Node Package Manager, 即 Node 的版本管理器，用来切换本地 Node 版本
  • Nrm - 全称 NPM Registry Manager，即 npm 的注册地址管理器，用来切换 npm 的 registry地址 , 比如 taobao 、cnpm...
  • Axios - Promise异步处理函数库
  • Expressjs - 基于 Node 的Web应用开发框架
  • Koa - 中文文档 新的 Web框架，支持async函数， 致力于成为 Web 应用和 API 开发领域
  • Eggjs - 阿里基于Koa 的二次开发Web框架
  • ejs - 面向 Node 的嵌入式Html、JS 模板
  • Log4j - 面向 Node 的Log4j 日志记录框架
  • PM2 - Node 进程管理工具，如性能监控、自动重启、负载均衡等
  • NodeClub - 使用 Node.js 和 MongoDB 开发的社区系统, 界面优雅，功能丰富
  • 狼叔：如何正确的学习Node.js - 学习ing，Node入门学习指导
  • 一起学习 | Node.js 📙
  • Node.js | 包教不包会 📙
  • 全栈工程师之路 | Node.js - Node全栈学习经验总结

JS

  • 30-seconds-of-code - 收集了有用的JavaScript代码片段，大量函数式编程实例
  • 33-js-concepts - 33个JS语言核心概念 ( FEs should know )
  • Airbnb JavaScript - Airbnb爱彼迎JS代码书写风格指南，适用于代码洁癖爱好者
  • Lodash - 老大师api文档，一个一致性、模块化、高性能的 JavaScript 实用工具库
  • Cryptojs - JS加密标准函数库
  • Clipboardjs - JS粘贴板工具函数库
  • D3.js - Data-Driven Documents 用于数据可视化的 JavaScript 函数库
  • ThreeJs - JavaScript 3D library.
  • ChartJs - 为设计和开发人员准备的简单、灵活的 JavaScript 图表工具
  • VideoJs - open source HTML5 & Flash video player
  • jQuery插件库 - 较丰富的jquery插件库，但有些插件框架需要付费充积分下载，喜欢就支持
  • JQuery-lazyload - JQuery图片懒加载扩展插件
  • JavaScript 资源大全中文版 - JS资源大全，茶余饭后翻阅一下
  • JS数据可视化库 - 前端之巅公众号小编吐血整理, 非常全面，赞一波👍

API

  • API · 微信小程序 - Wechat App Api.
  • Vue - Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
  • React - A declarative, efficient, and flexible JavaScript library for building user interfaces.
  • React-native - A framework for building native apps with React.
  • Angular - HTML enhanced for web apps!
  • jQuery - 📙 中文文档 | 在线手册
  • Zepto - 📙 中文版文档
  • Vim - 📙 实操教程
  • TypeScript - 📙 中文手册
  • Markdown - 📙 入门语法参考
  • Lodash - 📙 语法文档

Vue

  • Vue - Api
  • Vuex - 状态管理器
  • Vue Router - 路由管理器
  • Vue-Cli - 项目搭建脚手架
  • Vue-Devtools - Vue开发调试插件
  • VuePress - 基于Vue的极简静态站点生成器
  • UI Framework For Vue :
    • Ant Design - 蚂蚁金服AntDesign基于Vue的实现，主要用于研发企业级中后台产品。 👉 preview-pro
    • Element - 饿了么前端开源UI框架，基于Vue2.0的PC桌面组件库。 👉 vue-element-admin
    • IView - 主要应用于PC中后台产品， 由TalkingData开发维护。 👉 admin
    • Heyui - HeyUI 是一套基于 Vue2.0 的开源 UI 组件库，主要服务于一些中后台产品。 👉 heyui-admin
    • Vue-Beauty - Vue + Ant-Design的PC端组件库，注意小心Ant-Design的圣诞鬼畜事件 😂
    • Vue-Strap - Vue + Bootstrap, 有点想念JQuery了
    • Cube-UI - 基于 Vue.js 实现的移动端组件库
    • NutUI - 京东风格的轻量级移动端Vue组件库

WeChat Mini Program 微信小程序

  • 微信小程序开发资源汇总 📦
  • Wux-Weapp - 微信小程序自定义 UI 组件
  • Taro - 多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信/百度/支付宝/字节跳动小程序、H5、React Native 等的应用
  • wxParse - wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析
  • mp-canvas-drawer - 微信小程序上canvas绘制图片助手，一个json就制作分享朋友圈图片
  • WeCOS - 微信小程序 COS 瘦身解决方案。比如图片占用大量资源，可以选择此方案避免
  • WeCOS-UGC-DEMO - 微信小程序用户资源上传 COS 示例
  • Wafer - 企业级微信小程序全栈方案
  • 微信小程序踩坑集合 📦
  • UI组件库 :
    • WeUI WXSS - 腾讯官方UI组件库WeUI的小程序版，提供了跟微信界面风格一致的用户体验。
    • iView WeApp - 由TalkingData发布的一款高质量的基于Vue.js组件库，iView weapp是它们的小程序版本。
    • MinUI - 由蘑菇街前端开发团队开发，覆盖小程序原生框架及主流框架等，并且提供了专门的命令行工具。
    • Wux WeApp - 非常不错的微信小程序自定义 UI 组件库，组件比较丰富，值得使用。
    • ZanUI WeApp - 是有赞移动 Web UI 规范 ZanUI 的小程序现实版本，结合了微信的视觉规范，为用户提供更加统一的使用感受。

Flutter

  • flutter - 官网
  • plugins - Plugins for Flutter, including FlutterFire, maintained by the Flutter team
  • awesome-flutter - You Know About Awesome
  • flutter-go - Flutter 开发者帮助 APP，包含 flutter 常用 140+ 组件的demo 演示与中文文档。- from 阿里闲鱼FE Team

CSS

语法概念 —> 动态CSS —> CSS框架 —> 灵感博客

  • LearnLayout - 学习CSS布局 🖖 网站布局领域的 CSS 基础
  • Flex-Grammer - flex语法篇，初步入门到了解
  • Flex-Examples - flex实例篇，深入理解到应用
  • Caniuse - ⚒ CSS版本支持 🖖 检查CSS属性目前支持的所有浏览器版本
  • Sass - 成熟、稳定、强大的 CSS 扩展语言解析器
  • Less - 一种动态样式语言.LESS将CSS赋予了动态语言的特性
  • PostCSS - PostCSS 利用 JavaScript 的强大编程能力对 CSS 代码进行转换
  • Bootstrap - 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单
  • animate.css - 易上手的、跨浏览器的CSS动画库
  • Tailwind CSS - 一个用于快速UI开发的实用工具集 CSS 框架
  • Buttons - 一个高度可定制的、免费并且开源的按钮 CSS 样式库
  • NES.css - NES游戏机专用CSS，满满的任天堂回忆
  • CSS-Inspiration - 寻找CSS 的灵感，以分类的形式，展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。
  • CSS Blog - 鑫旭博客 🖖 CSS大牛博客，产量惊人

Icons

  • Icons8 - 跨平台 多语言图标社区。除了大量免费图标外，还有照片、音乐等资源的分享
  • 阿里矢量图标库 - 海量图标可按主题查找，解决猿们不懂设计的尴尬
  • Font Awesome图标集 - 完美的图标字体只为Bootstrap设计
  • Ant Design Icons - 由蚂蚁金服体验技术部提供的Icon图标库 👉 Ant-Design(提供包括中后台、移动端等企业级产品设计解决方案)
  • IcoMoon - 支持下载图标字体
  • Base64-decoder-encoder - 用于将图标转化为base64的字体编译工具 @font-face

Tools / Software 🛠

  • MacOS微信小助手 - 装X利器，支持自动回复、拦截撤回消息、免认证登录、多开用户等功能
  • Mac包管理工具 - Homebrew搭建安装环境及工具
  • IP地址解析 - 查IP对应的具体信息，适用比较频繁的是查询对应经纬度 Freegeoip
  • 简悦 - 让你瞬间进入沉浸式阅读的扩展
  • Xmind | 中文官网 - 一款全新的思维导图软件
  • KityMinder 百度脑图 - 一款在线的脑图编辑工具, 免安装、云存储、云盘分享；百度 FEX 团队的又一力作
  • iTerm2 - MacOS一款神奇的Mac终端
  • Oh-my-zsh - 搭配iTerm2使用，具有很好的主题扩展
  • MSDN I Tell You - 资源站点，包含操作系统、部分开发工具等
  • 语雀 - 2018年04月份 阿里开源的内部在线知识库、团队协作工具。可分公、私两种知识库，支持外链访问
  • Taskbook - 任务管理的命令行小工具，命令行极客的首选
  • 新华字典API - 新华字典API：中华新华字典数据库。包括歇后语，成语，词语，汉字
  • IntelliJ Idea 注册码 - Java编辑器IntelliJ IDEA 过期手动生成注册码,copy 到 Active Code 👏 多谢 lan yu大佬贡献
  • Imgcook - 🛠 来自阿里的前端UI静态代码自动生成助手 => 专注以各种图像（Sketch/PSD/静态图片），通过智能化手段将各种视觉稿一键生成可维护的 UI 视图代码。目前只提供sketch插件，CSSer 失业的节奏 🤖🤪
  • Online-Convert - 在线文件格式转化，例如视频转动态Gif

Chrome Plugins

  • ChromeAppHeroes - 🛠 Chrome插件英雄榜, 一个优秀的Chrome插件收录集合
  • Octotree - Github 项目文件结构显示器
  • Downloader - 百度云高速下载器：百度云提速下载(取决于你的网速)，摆脱限速尴尬
  • Emoji - Emoji 扩展，支持中文语义化
  • Git History - 高效地查看 Github 项目文件更改历史，酷炫噻
  • Smallpdf - ⚒ word 转 pdf

Git

  • GUI Clients - 官方推荐图形客户端/Git可视化工具集，免费付费的都有，多平台可选择
  • SmartGit - 推荐使用跨平台，工具如其名，使用起来very smart
  • Gitkraken - 跨平台，主题*气，正在探索是否有SmartGit更Smart
  • TortoiseGit - Window系统专用
  • Pro Git - 详细的 Git 指南，主要介绍了 Git 的使用基础和原理，让你从 Git 初学者成为 Git 专家。
  • Git - 简易指南 - 助你开始使用 Git 的简易指南，木有高深内容
  • Git - 学习资料 - 主要收录有关 Git 的新手入门、客户端、书籍、实践经验等学习资料，可以取所需

Blog

Algorithm 算法

Interview

其他

  • StackOverflow - 比较全面、专业的技术hack问题解答，度娘上找不到答案的就来Stack Overflow，CET4应该够用
  • 图片登录 - 登录新玩法 👍 自定义图片密码点实现登录，支持上传图片
  • 图灵社区 - 技术书籍及热门文章推荐，可选择购买电子书、纸质书 👊 技术改变世界 阅读塑造人生
  • 重构(第二版) - PDF格式，重构第二版是以JS为示例代码开展的，对前端小伙伴很友好，不过重点是**思路了，代码洁癖者必看🤔
  • **程序员容易发音错误的单词 📣

Summary 小结

✍️ 好记性不如烂笔头，何况年龄大了记忆力衰退。看过的、玩过的优秀的项目，记录下来十分方便查找，顺便给他们打打广告【假日哪天PV上去】。时刻保持好奇心是学习收集的源动力，望我归来仍是少年！！！

Support the project ⭐

如果你感觉很棒，请 star 或者 fork 仓库支持我，感谢老铁！这有助于我们了解和发展社区。

image

License

image