当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

aotoo-hub

多项目前端脚手架
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 国产
投 递 者 荣曾笑
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

aotoo-hub 是一套通用型前端脚手架,无技术栈依赖,聚焦于多人协作及工程化,支持多项目并行开发,帮助开发者快速产出项目。

aotoo-hub 是一套前端/NODE 端一体化设计的全栈脚手架,将它定位明确一点,专职编译,与业务去耦合,webpack4编译环境,node端由koa2提供服务。

独立运行时,仅作为前端编译、输出静态资源工具,hub采用webpack对前端的资源进行编译,开发模式下由webpack-dev-server提供热更新支持,生产环境下仅产出压缩后的代码

融合运行时,node(koa2,koa-router)将接管webpack-dev-server提供后端服务,此时可实现SSR服务,API服务,可用于部署,提供线上服务

一些特点

  • 提供简单的命令行工具
  • 编译环境支持多项目,共享编译资源及node_module
  • 支持为React/Vue/Jq/原生js/小程序等项目提供编译环境
  • 规范的前端、node端目录结构
  • 支持动态样式(sass/stylus)
  • 支持多环境,命令行切换测试,生产等环境
  • 支持node端(koa2)

脚手架源码结构

hub工作空间
  ├── build
  ├── aotoo.config.js
  ├── index.js
  ├── package.json
  ├── postcss.config.js
  └── src
       # vue 项目演示
       └─ vueSample
             ├── configs # node环境配置文件,默认包含default.js
             ├── dist      # 静态资源输出目录
             ├── js        # 前端业务js目录(前端)
                 │── venders # 第三方库文件目录+自定义公共库(前端)
                 ...
             └── server    # node端的源码目录
                   │── pages  # node端的业务目录
                   └── plugins # 自定义插件目录

       # react 项目演示
       └─ reactSample
             ├── configs # node环境配置文件,默认包含default.js
             ├── dist      # 静态资源输出目录
             ├── js        # 前端业务js目录(前端)
                 │── venders # 第三方库文件目录+自定义公共库(前端)
                 ...
             └── server    # node端的源码目录
                   │── pages  # node端的业务目录
                   └── plugins # 自定义插件目录

       # 小程序项目演示
       └─ xcxSample 
             ...
             ...

 

  • 年底了,开源一套我们的大前端架构aotoo-hub,小伙伴们都用得很爽的。 GITHUB -- 听说star的人明年会发财 文档 aotoo-hub是一套正式上线的大前端解决方案。迭代的这2年多的时间,从webpack-1熬到了webpack-4,从纯前端脚手架到融合node端的整体方案,从繁复到精简,重构的次数不要太多。简单、易用、易部署的一体化大前端开发体验是aotoo-hub始终的追求,我们

  • static int hub_configure(struct usb_hub *hub, struct usb_endpoint_descriptor *endpoint) { struct usb_hcd *hcd; struct usb_device *hdev = hub->hdev; struct device *hub_dev = hub->intfdev; u16 hubs

  • https://www.sci-hub.pl/10.1109/tpami.2010.229

  • 迁移学习用到的包 更多了解url:https://blog.csdn.net/yunqiinsight/article/details/80134361 对不同类型的图片,训练到的一定程度下载: url:https://www.tensorflow.org/hub/modules/image 相关介绍: url https://www.jianshu.com/p/2c83da04562f

  • 号称网络硬件三剑客的集线器(Hub)、交换机(Switch)与路由器(Router)一直都是网络界的活跃分子,但让很多初入网络之门的菜鸟恼火的是,它们三者不仅外观相似,而且经常呆在一起,要想分清谁是谁,感觉有点难!就让我们一起来看看它们之间有什么区别和联系吧!  三剑客的工作原理  一、集线器  1.什么是集线器  在认识集线器之前,必须先了解一下中继器。在我们接触到的网络中,最简单的就是两台电脑

  • 刚才在hub_thread睡眠了,但是由于有roothub的存在,hub_probe在初始化控制器的时候被调用。 static int hub_probe(struct usb_interface *intf, const struct usb_device_id *id) { struct usb_host_interface *desc; struct usb_endpoint_descr

  • 我们平常使用的wireshark软件来抓包,都是在抓和自己电脑(运行着wireshark)的某个端口有关系的包,而如果想抓MCU和终端之间通信数据包就抓不了了。 如果在路由器上做个镜像或者使用hub来抓包,就可以在我的电脑上抓取经过hub传输的所有通信包,不论这个包是否跟我的电脑有通信。 抓取的场景是:mcu、终端、电脑都连接到同一个hub上,然后电脑上运行起来wireshark,wireshar

  • Git hub GitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名GitHub。 git 是一个版本管理工具, 本地运行,用于代码版本的交替更改; github是个版本管理工具网站, 最大同性交友网站, dark家可以把代码上传到自己的仓库, 也可共同协作。 1.方法步骤 访问github官网,然后输入用户名和密码登录,登录完成之后,头像的地方

  • =============  本系列参考  ============= 《圈圈教你玩USB》、《Linux那些事儿之我是USB》 协议文档:https://www.usb.org/document-library/usb-20-specification  usb_20_20190524/usb_20.pdf 调试工具:Beagle USB 480 逻辑分析仪、sys/kernel/debug/u

  • 一个学习python,java,web,go的地方 https://www.runoob.com/python/python-install.html java技术栈 https://www.javastack.cn/ python官网下载地址: https://www.python.org/downloads/windows/ python自动化测试神器Playwright https://gi

 相关资料
  • 为了能让开发者快速开发一个插件,qap-cli集成了脚手架的功能,使用qap的脚手架功能只需要如下3个命令。 初始化项目 首先通过命令行进入到你希望创建项目的目录,运行 qap init myProject 上边的myPoject是项目的名称,把myProject替换为你的项目名称即可 命令运行后,qap将会帮你创建myPoject的目录和创建好了基础文件。 安装项目依赖 运行如下2个命令 cd

  • 介绍 create-umi umi 通过 create-umi 提供脚手架能力,包含: project,通用项目脚手架,支持选择是否启用 TypeScript,以及 umi-plugin-react 包含的功能 ant-design-pro,仅包含 ant-design-pro 布局的脚手架,具体页面可通过 umi block 添加 block,区块脚手架 plugin,插件脚手架 library

  • 日常开发中,团队可以创建自己的项目脚手架,本文将介绍脚手架创建的方法。 脚手架项目必备的基础目录结构 ├── template # 模板目录结构 │ ├── san.config.js # cli配置项 └── meta.js/meta.json # 模板创建 prompt 交互问题 San CLI 使用 handlerbars 渲染 template 目录,所

  • xquery 是一个开发库(小程序原生),剥离自原项目aotoo-hub,xquery基于小程序类似于jquery基于web,可以方便的融入到现有的小程序项目中   小程序社区: https://developers.weixin.qq.com/community/personal/oCJUsw9JDs23M0Y9XuAMiTuUX214   xquery 包含以下这些特性   组件选取 嵌套结构

  • 本文向大家介绍分享一个vue项目“脚手架”项目的实现步骤,包括了分享一个vue项目“脚手架”项目的实现步骤的使用技巧和注意事项,需要的朋友参考一下 搭建缘由 源于公司每次新启动一个由多人协同开发的项目都由负责人初始化项目之后,每个人再去从私服pull一下项目才开始开发。但是每次初始化工程都是一步步的造轮子,一个个依赖去安装,新建一个个不同功能的文件夹,而每个负责人所初始化的项目目录、以及模块引入方

  • 本文向大家介绍React项目用过什么脚手架? Mern? Yeoman?相关面试题,主要包含被问及React项目用过什么脚手架? Mern? Yeoman?时的应答技巧和注意事项,需要的朋友参考一下 Mern: MERN是脚手架的工具,它可以很容易地使用Mongo, Express, React and NodeJS生成 同构JS应用。它最大限度地减少安装时间,并得到您使用的成熟技术来加速开发。