Coder Social home page Coder Social logo

aotoo-hub's Introduction

近期更新

aotoo-hub是一套支持小程序与web/h5的开发脚手架,当然文档暂时不完善,大家参考代码为主吧,注释我都尽量写完整了

近期从aotoo-hub从分离独立的小程序原生库(很容易回归hub),aotoo-xquery,欢迎关注

aotoo-hub

aotoo-hub是一套全栈脚手架,以新版webpack4为基础,支持多项目开发,多环境部署,支持小程序,WEB, H5的开发和部署,
�aotoo-hub只提供环境支撑,并无特定库的依赖(不包括基础库如react,vue等,暂时只支持react,后期支持vue环境),你�可以根据自身项目引入router、reducx等其他类库

FEATHER

  1. 前端与node(koa2)端的融合式开发环境
  2. 多项目开发、运行、部署
  3. 多环境支持,可以快速切换开发环境,测试环境,生产环境等
  4. 支持aotoo(基于react)的开发套件
  5. 支持小程序开发(支持npm包,支持stylus样式编译,维持小程序原有架构)

INSTALL

$ npm install -g yarn
$ npm install -g aotoo-cli
$ aotoo -V
$ aotoo init xxx   # 新建xxx项目

简单使用(web)

默认环境已经有一套简单的前端环境,使用�以下命令运行即可

  # 开发模式,启动默认demo的开发环境,非第一次运行不会编
  # 译common缓存
  $ aotoo dev  

  # 开发模式,启动默认demo的开发环境,并清除common缓存,
  # 非第一次运行或者vendors目录的内容更改后
  $ aotoo dev-clean  

  # 开发模式,编译默认demo的静态文件,不启动开发环境
  $ aotoo dev-build  

  # 生产模式,编译生产静态文件
  $ aotoo build 

  # 以下yarn命令等效
  $ yarn run dev
  $ yarn run dev-clean
  $ yarn run dev-build
  $ yarn run build

  # 以下npm命令等效
  $ npm run dev
  $ npm run dev-clean 
  $ npm run dev-build 
  $ npm run build

简单使用(小程序)

aotoo-hub�遵循腾讯小程序的原有开发架构,在原有架构的基础上增强了一下特性,如支持�npm包,样式的编译(stylus),�引入aotoo的小程序套件(可以不用),热更新编译等等

小程序开发配置

开发小程序需要专门指定配置,web/h5可以省略(通过命令操作),以下为小程序的配置

  1. 打开项目配置文件, aotoo.config.js
  2. 编写小程序的配置文件
...
...
apps: [
  {
    name: 'xcxdemo',
    type: 'mp',   // 将类型设置为mp ==> miniprograme,��默认为web项目
    startup: true,  // true为启动项目,false为非启动项目
    src: path.join(ROOT, 'src/xcxdemo')  // 指定小程序项目目录
  }
]
  1. 保存,完成

更多命令及参数

指定环境、指定项目等更多启动命令请参考aotoo-cli的说明文档

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.