浏览器-插件制作
数据规范
语言-HTML
图片-图标制作
类库-实用类库
Numeral
一个处理和格式化数字的Javascript库。
Party.js
一个在点击时增加烟花动效的JavaScript库。
Puppeteer
一个控制 headless Chrome 的 Node.js 库。
Lodash
一致性、模块化、高性能的 JavaScript 实用工具库。
Dayjs
Moment.js 的 2kB 轻量化方案,拥有同样强大的 API。
Axios
一个基于 promise 网络请求库,作用于node.js 和浏览器中。
Mock.js
生成随机数据,拦截 Ajax 请求。
Swagger Typescript API
根据OpenAPI格式生成typescript类型, 请求API。
Gsap
现代web动画工具。
代码-格式规范
Eslint
一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具。
Prettier
一个 “有主见” 的代码格式化工具。
Stylelint
一个摩登的 CSS linter 工具。
Airbnb Guide
Airbnb的JavaScript规范。
Commitlint
检查你的 Git 提交信息是否符合规范,通常通过挂载在 Git 的 commit-msg 钩子中执行。
Lint-Staged
只对提交代码进行操作,不影响未提交的现有代码,目的是让你循序渐进对已有项目进行重构和升级。
Husky
允许我们轻松地处理Git Hooks 并在提交代码时运行我们想要的脚本,同时解决多人协作时Git Hooks不同步的问题。
Commitizen
根据某种规范,使用提示器完成 Git 提交信息的生成,提供一致的提交格式。
Release-It
一键提升 package.json 中的版本字段和 git 标签,并根据规范的提交信息生成 CHANGELOG.md 版本变更记录。
Conventional Changelog
由 Angular 提出,目前广泛使用的 Git 提交信息格式规范。
工具-桌面软件
Vscode
一个简化且高效的代码编辑器。
Chrome
Chrome,不一样的浏览器体验。
Git
一个开源且免费的分布式版本控制系统。
NodeJS
一个开源、跨平台的 JavaScript 运行时环境。
Utools
新一代效率工具平台, 自由组合插件应用。
Rubick
类似于 Utools 但是开源,更轻便、更简洁、更安全的插件化桌面端工具箱。
Snipaste
一个简单但强大的截图工具,也可以让你将截图贴回到屏幕上。
Postman
一个用于构建和使用API的软件平台。
Dbeaver
一个免费和开源, 为开发人员和数据库管理员的通用数据库工具。
Typora
一个Markdown编辑器,基于electron。
Mkcert
一个基于 Go 语言开发,零配置生成本地自签SSL证书的工具。
浏览器-插件推荐
Vue Devtools
一个用于调试 Vue.js 应用程序的浏览器扩展。
FeHelper
WEB前端助手, 包含一些前端实用的工具。
Tampermonkey(油猴)
允许用户自定义并增强网页的功能,可在线搜索和安装用户脚本。
Stylus
一个调整网页外观的用户样式管理器,可在线搜索和安装用户样式。
Google 翻译
谷歌翻译,在浏览页面时,选中文本内容,点击图标即可翻译。
Console Importer
一个便利工具,可以在控制台加载Javascript和Css资源。
Proxy SwitchyOmega
轻松快捷地管理和切换多个代理设置。
React Developer Tools
一个用于调试 React.js 应用程序的浏览器扩展。
Automa
包含表单自动填充,截图,数据抓取等功能的自动化编排工具。
沉浸式翻译
沉浸式网页双语翻译扩展,免费使用,支持 Deepl/Google/有道/腾讯翻译等多个翻译服务。
Header Editor
管理浏览器请求,包括修改请求头和响应头、重定向请求、取消请求。
Stylus
一个调整网页外观的用户样式管理器。它可以让您轻松为许多热门网站安装主题和皮肤。
Picviewer CE+
油猴脚本:图片翻转、旋转、缩放,显示原始大图。
东方永页机
油猴脚本:加载并拼接下一分页内容至当前页尾,智能适配任意网页。
CrxDL
国内推荐, 下载Chrome扩展插件Crx离线安装包。
uBlock Origin
一款高效的网络请求过滤工具,占用极低的内存和 CPU。
XPath Helper
XPath是一种用于在 XML 文档中选择节点或节点集的表达式语言。
Omni
增强浏览器体验,管理选项卡、书签、浏览历史和自定义命令等内容。
Web Scraper
网络数据提取工具,具有简单的点选式界面,适用于现代网络。
应用-跨平台
工具-在线工具
Visualgo
数据结构和算法动态可视化。
Leetcode
全球极客挚爱的技术成长平台。
Html
超文本标记语言, 一种制作万维网页面的标准语言。
Programmer Humor
国外程序员笑话。
Can I Use
浏览器兼容性查询。
Readme.so
一个制作README文件的在线工具, 包含多种预设格式。
Tool.lu
在线工具。
User Agents
提供常见桌面浏览器的用户代理(useragent)。
Permission
可查看浏览器,可能需要用户允许才能使用的功能。
Cursor Test
在浏览器上测试各种Css光标的样式。
Transform
各种数据格式互转的在线工具,支持htm/jsx/json/typescript/yaml/toml等。
图片-免费资源
Sheilds.io
一个生成下载量,版本号,测试覆盖率,包大小等徽章的在线工具。
Lorem Picsum
一个可以根据宽高,类型,灰度等配置生成随机图片的在线工具。
TypyPNG
一个可以压缩webp, png和jpeg图片的在线工具。
Carbon
一个根据代码生成各种样式图片的在线工具。
GitMoji
一个针对提交(commit)信息的Emoji查询工具。
EmojiAll
提供Emoji搜索和查询,包括表情符号含义、使用示例、Unicode代码点等内容。
Remove.bg
图片背景消除。
Many pixels
包含2500+免费插画的网站。
Svg wave
根据波浪程度、层数和高度等设置,生成SVG或PNG图片。
Canva(可画)
包含数千个专业模板和图片,用于设计和生成封面图片的在线网站。
Unsplash
免费,高质量,专业的图片网站。
Coverview
简单封面生成网站。
Unsplash
支持4K高清免费下载的图片网站。
Pixabay
球知名的图库网站及充满活力的创意社区。
Stocksnap
由多位优秀摄影师组建,旨在分享其优秀作品。
LogolyPro
生成P站风格LOGO的在线工具。
Shape Divider
根据形状,颜色,高度等参数,生成SVG的工具。
Svgrepo
包含50w+开源的svg矢量图标。
Icones
基于iconify的数万个图标合集。
代码-托管平台
Github
面向开源及私有软件项目的托管平台,因为只支持Git作为唯一的版本库格式进行托管,故名GitHub。
Github Dev
官方出品,浏览和编辑 Github 仓库的在线工具。
Githack
把github文件作为cdn使用。
GitHub Proxy
代理和加速下载 Github Releases , archive , gist , raw.githubusercontent.com 文件。
Github1s
基于Vscode, 用于阅读 Github 代码的在线工具。
Gitea
一个轻量级的 DevOps 平台软件,采用Go作为后端语言,与 GitHub、Bitbucket 和 GitLab 等比较类似,最初是从 Gogs 分支而来。
Gitlab
一个用于仓库管理系统的开源项目,使用Git作为代码管理工具,并在此基础上搭建起来的web服务。
Gitea
基于Git 的代码托管和研发协作平台,国内首选。
工具-在线调试
应用-命令行
Minimist
解析命令行参数的工具,适合轻量级项目。
Cac
用于构建CLI应用, 类似commander的JavaScript库。
Prompts
轻量,美观,用户友好的交互式询问工具。
Kolorist
给终端输入输出添加颜色样式的小巧工具。
Commander
完整的 node.js 命令行解决方案。
Inquirer
通用的交互式命令行询问工具。
Ora
优雅的终端loading效果输出工具。
Chalk
终端字体颜色样式工具。
Fs Extra
扩展原生fs模块的文件处理工具。
Figlet
FIGfont规范的实现,可在浏览器和NodeJS中使用。
Plopjs
快速生成代码或模板的微生成器框架。
Yeoman
脚手架工具。
应用-后端框架
语言-TypeScript
语言-NodeJS
Npm
NodeJS的官方包管理工具。
Yarn
Facebook 贡献的 Javascript 包管理器。
Pnpm
快速的,节省磁盘空间的包管理工具。
Nvm
npm推荐的NodeJS版本管理工具(Windows版)。
Volta
NodeJS版本管理工具。
Nrm
Npm镜像源切换工具。
Bundle Phobia
查看npm包大小的在线网站。
Esm.sh
一个可以从URL导入ES6模块的现代CDN。
Esm.run
JsDelivr出品, 可以从URL导入ES6模块的现代CDN。
Skypack
无需安装和构建工具, 按需加载ES6模块的在线CDN。
Unpkg
可使用URL加载npm包的在线CDN。
NodeJS
一个开源、跨平台的 JavaScript 运行时环境。
Node.js Toolbox
发现NodeJS生态中活跃维护和流行的库。
语言-JavaScript
语言-CSS
Sass
世界上最成熟、最稳定、最强大的专业级CSS扩展语言。
Less
一门向后兼容的 CSS 扩展语言。
Stylus
富于表现力、动态的、健壮的 CSS 扩展语言。
CSS
层叠样式表(Cascading Style Sheets),官方规范。
Animate
Css动画库。
Animista
Css动画效果,可以在线生成代码。
Icons8
各种加载动效。
Whirl
纯CSS实现的各种 loading 加载动效。
Css Loaders
包含 600+ 只使用 CSS 实现的各种 loading 加载动效。
Tailwindcomponents
社区实现的各种tailwindcss组件。
CSS Tricks
Css常用样式合集。
You Need To Know Css
作者把工作中常用的一些CSS小样式总结成这份文档。
Responsively
开发响应式网站。
Csslayout.io
包含常用布局和样式的CSS合集。
Buttons Generator
各种按钮生成器。
Web.dev layout
CSS布局。
社区-个人博客
社区-互动平台
应用-VueJS
VueJS
易学易用,性能出色,适用场景丰富的 Web 前端框架。
Vue Router
为 Vue.js 提供富有表现力、可配置的、方便的路由。
Vue I18n
Vue I18n 是 Vue.js 的国际化插件。
VueUse
Collection of Essential Vue Composition Utilities。
Pinia
符合直觉的 Vue.js 状态管理库。
Vue Macros
提供vue正在试验或提案、宏相关的功能或语法糖。
Vuepress
Vue 驱动的静态网站生成器。
Vitepress
Vite 和 Vue 驱动的静态网站生成器。
Nuxt
基于 VueJS 的开源框架,其设计目标是使创建类型安全、高性能、生产级别的全栈式Web应用程序和网站变得直观和简单。
Arco Design Vue
UI组件库,字节跳动出品的企业级设计系统, Vue版。
Naive UI
UI组件库, 比较完整,主题可调,使用 TypeScript的 Vue 3 组件库。
Element Plus
UI组件库,基于 Vue 3,面向设计师和开发者的组件库。
Vue Docgen API
将vue组件转换为文档对象。
其他工具
山海鲸
新一代人工智能数据可视化大屏软件。
联通云
可视化平台优秀项目案例。
Google Fonts
包含1400+开源字体的查询网站,可以使用api引用。
屏幕尺寸
屏幕尺寸大全。
UI中国
UI中国用户体验平台,中国用户体验联盟理事单位。
Mockup
在线生成样机图片的平台。
中国色
提供各种中国的传统颜色的名称,CMYK值,RGB值,16进制表示。
Adobe Color
Adobe Color。
Bibata Cursor
一个开源、简约且Meterial风格的光标集, 旨在改善用户的光标体验。
Drawdb
Free, simple, and intuitive database design tool and SQL generator.
Regex Vis
正则表达式可视化
构建-打包工具
Terser
一个兼容ES2015 + 的JavaScript 压缩器。 与 UglifyJS 相比,它是面向未来的选择。
Vite
下一代的前端工具链, 为开发提供极速响应。
Swc
基于rust的web端构建工具。
Esbuild
基于 Go 语言,构建速度极快的web端构建工具。
Unbuild
基于 Rollup , 支持 Typescript 并生成 EJS 和 MJS 模块格式的构建工具。
Postcss
一个用 JavaScript 工具和插件转换 CSS 代码的工具。
Babel
JavaScript 编译器,使用下一代的 JavaScript 语法编程。
Rollup
默认基于ESM的 JavaScript 模块化打包工具。
Webpack
用于现代 JavaScript 应用程序的静态模块打包工具。