首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

73个超棒且可提高生产力的 NPM 包

25.Dotenv[46] 零依赖模块,将环境变量从 .env 文件加载到 process.env。 ?...静态网站生成器 26.Gatsby[47] 一个现代的网站生成器,可以创建快速,高质量,动态的 React 应用程序,从博客到电子商务网站再到用户仪表板。具有很棒的插件生态系统和模板。...你还可以将 serverless 功能定义为 API 端点。 28.NuxtJS[49] 在 Vue 的生态系统中,NuxtJS 基本上是 NextJS 的替代品。...♂️ 数据生成器 37.Shortid[59] 创建非常短无序的 url 友好的唯一 ID。非常适合网址缩短、数据库 ID 和其他任何 ID。...只需将一个函数的名称传递给模块,它就会返回一个经过修饰的 console.error 版本,以便你将调试语句传递给该模块。 ?

4.5K20

【译】73个超棒且可提高生产力的 NPM 包

25.Dotenv[46] 零依赖模块,将环境变量从 .env 文件加载到 process.env。 ?...静态网站生成器 26.Gatsby[47] 一个现代的网站生成器,可以创建快速,高质量,动态的 React 应用程序,从博客到电子商务网站再到用户仪表板。具有很棒的插件生态系统和模板。...♂️ 数据生成器 37.Shortid[59] 创建非常短无序的 url 友好的唯一 ID。非常适合网址缩短、数据库 ID 和其他任何 ID。...只需将一个函数的名称传递给模块,它就会返回一个经过修饰的 console.error 版本,以便你将调试语句传递给该模块。 ?...往期优秀文章推荐 【webpack 性能优化】编译速度从 50S 到 7S[99] 一个合格的中级前端工程师应该掌握的 20 个 Vue 技巧[100] 【Vue进阶】——如何实现组件属性透传?

5.9K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    73个强无敌的NPM软件包

    项目链接: https://www.npmjs.com/package/config 25.Dotenv 零依赖模块,用于将环境变量从.env 文件加载至 process.env 当中。...静态站点生成器 26.Gatsby 一款现代站点生成器,能够创建快速、高质量的动态 React 应用,涵盖博客、电子商务网站及用户仪表板等使用场景。拥有良好的插件生态与模板选项。...♂️ 数据生成器 37.Shortid 能够创建出简短无序 url 友好型唯一 ID,适合作为 url 缩短器、生成数据库 ID 及其他各类 ID。...表单与电子邮件 42.Formik Formik 是一款流行的开源表单库,易于使用且具备声明性及自适应性。...只需将一个函数名称传递给该模块,它就会返回一个经过修饰的 console.error 版本,以便将调试语句向其传递。

    4.4K10

    探索 PrimeVue——开源项目的卓越之旅

    ) 今天和大家分享一款让我觉得非常值得国内小伙伴学习的开源项目,不管从开源项目到商业化布局,都非常不错。...它拥有超过 90 个精心设计的组件,涵盖了从基本的按钮、表单到复杂的图表、数据表格等各种常见的用户界面元素。...比如,我们可以轻松地将应用切换为英语、法语、德语等多种语言,满足不同国家和地区用户的需求。 PrimeVue 的国际化支持是通过 Vue I18n 插件实现的。...具体的实现步骤可以参考如下步骤: 安装 Vue I18n 插件:使用包管理工具(如 pnpm 或 yarn)安装 Vue I18n 插件。...Gridsome:与 VuePress 有许多相似之处,但它采用了一种不同的非常强大的方法来处理数据源。它允许你连接并使用应用中的许多不同类型的数据,然后将这些数据统一到一个 GraphQL 层中。

    54810

    博客生成静态站点工具 Top 20

    此外,将生成电子书形式的静态站点,可以托管到其他平台,达到了备份的效果。 本文将介绍最流行的十大博客静态站点生成工具,以 Github star 数来排名。...Gatsby 是一个基于前端框架 React 的静态站点生成器,可以创建快速、安全、高质量的网站和应用。它使用 GraphQL 查询数据,支持多种数据源和插件。...Hexo 是一个基于 Node.js 的静态站点生成器,它可以将博客生成为电子书形式的静态站点。Hexo 支持多种主题和插件,同时也提供了友好的命令行工具和文档。Hexo 速度快,使用也非常方便。...Gridsome 是一个基于 Vue.js 的静态网站生成器,它使用 GraphQL 来获取数据并生成静态页面。...相比于其他静态网站生成器,Gridsome 的主要优点在于其高度可定制性和灵活性,因为它是基于 Vue.js 构建的,所以您可以使用所有 Vue.js 的功能和插件来定制您的网站。

    3.8K21

    JeecgBoot 3.4.2 版本发布,Vue3版本大升级

    Vue3 UI升级升级ant-design-vue到3.2.12、升级vite等前端依赖升级antd3后,moment全部替换为dayjswebsocket功能优化表单支持右侧嵌入评论区、附件区代码格式化调整自动检查....ant-tabs-bar —> .ant-tabs-nav下拉类型的SelectTypes更名为SelectValue更多升级日志见 从 ant-design-vue 2.x 版本升级到 ant-design-vue...issues/I5IWFMvue3模板生成报错issues/I5MU66到首页动画就进不去了issues/I5MTLQ更换头像失败issues/I5Q2W8代码生成器里选择3列表单,运行后lable的宽度很窄...issues/I5ITL3vue3版本中,online报表 动态参数设置无效issues/I5HB7P主附表启用联合查询后导入有问题issues/111JVxeTable中的inputNumber不能输入小数...(精细化数据权限控制,控制到行级,列表级,表单字段级,实现不同人看不同数据,不同人对同一个页面操作不同字段在线配置报表(无需编码,通过在线配置方式,实现曲线图,柱状图,数据等报表)页面校验自动生成(必须输入

    2.1K30

    springboot快速开发框架--jeeplus vue6.0发布

    演示地址:www.jeeplus.org jeeplus vue版本采用模块化和插件化开发机制,解决了单体应用带来的的问题,它又不像SOA那么复杂,不仅易于开发和维护,而且学习成本极低。...功能概述: 代码生成器:支持单表,主附表,树表,一对一,一对多,多对多,左树右表的直接生成,只需简单配置,就可以生成数千行高质量代码,5分钟快速开发一个业务逻辑,一周开发一个进销存不是梦。...可以在线设计数据库,然后自动创建数据库表和字段(无需手动去创建数据库表和字段),然后导出代码,生成前台html 到后台java的所有代码,生成的代码功能包括:增删查改,批量删除,排序,导出导入excel...模板配置:可以在线复制编辑代码生成器模板,定义任何你想要的代码风格。 工作流:可视化工作流,可以关联外置或者动态表单。 菜单权限:权限精确到按钮级别。...多数据源:代码生成器支持连接不同的数据库,生成的模块可以连接指定的数据库,方便扩展为saas系统。每个模块或者插件可以指定连接不同的数据库。 插件化开:系统内置多个插件,可以在线升级。

    1.9K00

    开源低代码平台,JeecgBoot v3.7.1 大版本发布

    前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue3,Mybatis-plus,Shiro,JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...有升级 SQL新功能升级积木报表到最新版,拥有表单设计填报功能。...・Issue #7086online 索引名称增加校验【Online 表单】Popup 支持动态传递表单值和系统变量online 报表查询条件,下列项支持滚动加载新增 yml 属性 jeecg.firewall.disableSelectAll...采用最新主流前后分离框架(SpringBoot+Mybatis-plus+Ant-Design+Vue),容易上手;代码生成器依赖性低,灵活的扩展能力,可灵活实现二次开发;开发效率很高,采用代码生成器,...(精细化数据权限控制,控制到行级,列表级,表单字段级,实现不同人看不同数据,不同人对同一个页面操作不同字段在线配置报表(无需编码,通过在线配置方式,实现曲线图,柱状图,数据等报表)页面校验自动生成 (必须输入

    18410

    【免费大屏版】JeecgBoot v3.7.2 大屏版发布,开源低代码平台

    前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue3,Mybatis-plus,Shiro,JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...感觉不协调 · Issue #7260online报表里不允许使用 union 命令 · Issue #7265jvxetable分组表头后,分组的字段无法显示 · Issue #7223关于online表单开发主附表查询问题...采用最新主流前后分离框架(SpringBoot+Mybatis-plus+Ant-Design+Vue),容易上手; 代码生成器依赖性低,灵活的扩展能力,可灵活实现二次开发;开发效率很高,采用代码生成器...(精细化数据权限控制,控制到行级,列表级,表单字段级,实现不同人看不同数据,不同人对同一个页面操作不同字段在线配置报表(无需编码,通过在线配置方式,实现曲线图,柱状图,数据等报表)页面校验自动生成(必须输入...,可记录数据每次变更内容,通过版本对比功能查看历史变化平台UI强大,实现了移动自适应平台首页风格,提供多种组合模式,支持自定义风格提供简单易用的打印插件,支持谷歌、IE浏览器等各种浏览器示例代码丰富,提供很多案例参考采用

    9510

    Vue + .NetCore前后端分离,不一样的快速发开框架(提供Vue2Vue3版本)

    前端、后台提供了近300个扩展方法与属性,开发人员可在此功能上编写扩展自定义业务代码 代码生成(代码生成器可直接生成主/从表前后端业务代码,有30多种属性可在线配置生成的代码) 前端table自动转换...key/value 前端表单select/checkbox自动绑定数据源,不需要写任何代码 支持(主从表)一对一前后端代码全自动生成、并支持数据源自动绑定与业务代码扩展,不需要写任何代码 支持一对多从表自定义扩展...) 从图上传图片 (只需要几行代码完成代码生成器生成的页面实现扩展) 一对多从表(不限从表数量)扩展 图表 1、只读基础表单 整个只读的基础表单的所有前后端代码,全部由代码生成器生成,代码生成器中几乎不需要配置...,并支持并后端业务代码扩展,直接生成代码后,配置菜单权限即可 2、自动绑定下拉框数据表单 整个自动绑定下拉框数据表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,在代码生成器中只需要指定数据源编号...,页面加载时会根据编号自动加载数据源并绑定 3、启用图片支持、审核表单 整个启用图片支持、审核表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,审核功能需要在菜单配置权限、代码生成器中勾选启用图片支持

    2.6K20

    jeecg-boot

    JEECG宗旨是: 简单功能由Online Coding配置实现(在线配置表单、在线配置报表、在线图表设计、在线设计流程、在线设计表单),复杂功能由代码生成器生成进行手工Merge,既保证了智能又兼顾了灵活...1.采用最新主流前后分离框架(Springboot+Mybatis+antd),容易上手; 代码生成器依赖性低,灵活的扩展能力,可灵活实现二次开发; 2.开发效率很高,采用代码生成器,单表数据模型和一对多...(精细化数据权限控制,控制到行级,列表级,表单字段级,实现不同人看不同数据,不同人对同一个页面操作不同字段 11.在线配置报表(无需编码,通过在线配置方式,实现曲线图,柱状图,数据等报表) 12.页面校验自动生成...,表单挂靠,业务流转 15.多数据源:及其简易的使用方式,在线配置数据源配置,便捷的从其他数据抓取数据; 16.国际化:支持多语言,开发国际化项目非常方便; 17.自定义表单,支持用户自定义表单布局,支持单表...): Eclipse安装lombok插件 或者 IDEA IDE(前端): WebStorm 或者 IDEA 依赖管理:Maven 数据库:MySQL5.0 & Oracle 11g & Sqlserver2005

    7.7K10

    Jeecg-Boot 快速开发平台

    介绍 一款基于代码生成器的JAVA快速开发平台!全新架构前后端分离:SpringBoot 2.x,Ant Design&Vue&,Mybatis,Shiro,JWT。...(精细化数据权限控制,控制到行级,列表级,表单字段级,实现不同人看不同数据,不同人对同一个页面操作不同字段 11.在线配置报表(无需编码,通过在线配置方式,实现曲线图,柱状图,数据等报表) 12.页面校验自动生成...,表单挂靠,业务流转 15.多数据源:及其简易的使用方式,在线配置数据源配置,便捷的从其他数据抓取数据; 16.国际化:支持多语言,开发国际化项目非常方便; 17.表单设计器,支持用户自定义表单布局,支持单表...AntV 数据可视化图表 Viser-vue - antv/g2 封装实现 eslint,@vue/cli 3.2.1 vue-print-nb - 打印 开发环境 语言:Java 8 IDE(JAVA...): Eclipse安装lombok插件 或者 IDEA IDE(前端): WebStorm 或者 IDEA 依赖管理:Maven 数据库:MySQL5.0 & Oracle 11g & Sqlserver2005

    2.7K20

    vue-qiankun公司微前端项稳定目落地后的总结(附github仓库demo,将会持续更新)

    (已单独抽离到npm发包,具体可查看aehyok-form-vue3) 动态table表单生成器(已单独抽离到npm发包,具体可查看aehyok-form-vue3) 文件上传组件 下拉树组件...) 3、管理授权的功能 4、管理下拉列表数据的字典功能 5、优化form表单生成器 6、优化table列表生成器 7、优化leaflet和geoman编辑图层的功能...---- 目前本项目所使用的一些常用开源框架如下 ├── aehyok-form-vue3 # 自己封装的json表单生成器,JSON Table列表生成器、JSON阅读器 架构已有,待优化细节...2、子应用中引入百度地图如果升级无法解决,建议将地图放到主应用加载,微应用也引入这个地图 js(独立运行时使用),但是给 script 标签加上 ignore 属性。...https://github.com/aehyok/vue3-ele-form 同时对json数据配置生成动态form表单和table列表也会持续优化,目前刚刚在公司项目中尝试,等机会合适可能就让同事一起参与进来

    3K20

    16 个优秀的 Vue 开源项目

    02 Vuepress VuePress 是一个由Vue. js 作者EvanYou 创建的基于Vue的静态站点生成器。...03 Vue店面 Vuestorefront是一款面向电子商务的PWA,可以连接到几乎任何电子商务后端:它使用了headless 架构。...它允许你连接并使用应用中的许多不同类型的数据,然后将这些数据统一到一个GraphQL 层中。基本上,Gridsome 的前端功能用Vue,数据管理用GraphQL 。...工作方式可以概括为以下三个步骤: 你提供Markdown 、JSON、YAML或CVS数据格式的内容,或者从WordPress或Drupal等CMS导入内容; 内容转化为一个GraphQL 层,提供集中的数据管理...它也是模块化的,所以你可以只使用你的apage所需要的模块简而言之,Nu xt 将您从构建和优化您的apage的工作中拯救出来Nuxt. js 具有模块化的架构,有50多个模块可供选择。

    4.4K20

    分享 73 个让你事半功倍的 NPM 包

    25、Dotenv 地址:https://www.npmjs.com/package/dotenv 它一个零依赖模块,将环境变量从 .env 文件加载到 process.env 中。...静态网站生成器 26、Gatsby 地址:https://www.npmjs.com/package/gatsby 现代网站生成器,可创建快速、高质量、动态的 React 应用程序,从博客到电子商务网站再到用户仪表板...数据生成器 37、Shortid 地址:https://www.npmjs.com/package/shortid 它可以创建一个非常短的非顺序的url 唯一id。...表格和电子邮件 42、Formik 地址:https://www.npmjs.com/package/formik Formik 是一个流行的 React 和 React Native 开源表单库。...只需将模块名称传递给函数,它就会返回console.error 的修饰版本,供我们传递调试语句。

    5.4K20

    JeecgBoot低代码开发平台 3.5.3 版本发布,Online功能专题升级

    前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue3,Mybatis-plus,Shiro,JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...,给错误提示【online表单】 issues/4343 Online在线表单导出主副表类型表单数据报错关于子表“弹窗新增”功能的数据处理方面的严重问题 #376vue3子表按钮中“弹窗新增”“弹窗编辑...采用最新主流前后分离框架(SpringBoot+Mybatis-plus+Ant-Design+Vue),容易上手; 代码生成器依赖性低,灵活的扩展能力,可灵活实现二次开发;开发效率很高,采用代码生成器...(精细化数据权限控制,控制到行级,列表级,表单字段级,实现不同人看不同数据,不同人对同一个页面操作不同字段在线配置报表(无需编码,通过在线配置方式,实现曲线图,柱状图,数据等报表)页面校验自动生成(必须输入...,可记录数据每次变更内容,通过版本对比功能查看历史变化平台UI强大,实现了移动自适应平台首页风格,提供多种组合模式,支持自定义风格提供简单易用的打印插件,支持谷歌、IE浏览器等各种浏览器示例代码丰富,提供很多案例参考采用

    54720

    Jeesite5:Star24k,Spring Boot 3.3+Vue3实战开源项目,架构深度拆解!让企业级项目开发效率提升300%的秘密武器

    接下来,我们将深入探讨Jeesite5的核心功能、应用场景以及如何利用它来构建高效的企业级应用。什么是Jeesite5?...代码生成器Jeesite5内置代码生成器,可以快速生成基础代码,极大地提高了开发效率,减少了重复劳动。5. 国际化支持Jeesite5支持多语言,可以轻松实现国际化,满足全球化业务的需求。...代码生成使用Jeesite5的代码生成器,快速生成基础代码,提高开发效率。6. 测试与部署在本地环境进行测试,确保功能正确无误后,将应用部署到生产环境。...layer 3.5 弹框插件 zTree 3.5 树形插件...jQuery Validation 表单验证插件 分离前端版 Node.js

    14110

    分享 16 个顶尖 Vue 开源项目,助你提升技术能力

    还有一个内置的调试工具栏,可以帮助开发人员监视性能、路由、数据库查询和调试内部系统事件、扩展甚至可以添加自己的功能。另外,也可以使用CLI执行系统更新、安装和卸载扩展和主题,以及直接从终端清除缓存。...03 Vue店面 Vuestorefront是一款面向电子商务的PWA,可以连接到几乎任何电子商务后端:它使用了headless 架构。...它允许你连接并使用应用中的许多不同类型的数据,然后将这些数据统一到一个GraphQL 层中。基本上,Gridsome 的前端功能用Vue,数据管理用GraphQL 。...工作方式可以概括为以下三个步骤: 你提供Markdown 、JSON、YAML或CVS数据格式的内容,或者从WordPress或Drupal等CMS导入内容; 内容转化为一个GraphQL 层,提供集中的数据管理...它也是模块化的,所以你可以只使用你的apage所需要的模块简而言之,Nu xt 将您从构建和优化您的apage的工作中拯救出来Nuxt. js 具有模块化的架构,有50多个模块可供选择。

    4.6K10

    2023 年,这 9 个项目助你成为前端高手

    你将学到什么 这个项目将教你从零开始创建应用程序时的宝贵技能——从设计到开发,一直到生产就绪的部署。...相反,你将了解整个开发过程——从设计到最终部署。 你真的应该尝试一下这个项目。...这个项目将向你展示如何构建一个电子商务购物车,它看起来像这样。 你将学到什么 在这个项目中,你将学习如何搭建 Next.js 开发环境——创建新的页面和组件、获取数据、样式化和部署 App。...技术栈和特性 Next.js 组件和页面 数据抓取 样式 部署 SSR 和 SPA 通过真实的例子(比如电子商务展示)来学习新技术总是很好的。...你将学到什么 这个示例项目将教你如何使用 Nuxt.js 构建一个成熟的网站——从初始搭建到最终部署。 它使用了 Nuxt 提供的许多很酷的功能,比如页面和组件,以及 SCSS。

    3.1K20
    领券