universal-js-boilerplate, 启动通用( 同构) web应用程序的样板

分享于 

4分钟阅读

GitHub

  繁體 雙語
A boilerplate to start universal (isomorphic) web applications
  • 源代码名称:universal-js-boilerplate
  • 源代码网址:http://www.github.com/carlosazaustre/universal-js-boilerplate
  • universal-js-boilerplate源代码文档
  • universal-js-boilerplate源代码下载
  • Git URL:
    git://www.github.com/carlosazaustre/universal-js-boilerplate.git
    Git Clone代码到本地:
    git clone http://www.github.com/carlosazaustre/universal-js-boilerplate
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/carlosazaustre/universal-js-boilerplate
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    UniversalJS模板

    Universal JS Boilerplate

    快速启动JavaScript同构Web应用程序的样板文件

    技术栈

    • ES2015/ECMAScript 6th 版 - ECMAScript的即将版本。
    • Babel 下一代 JavaScript。
    • Browserify Browserify允许你通过捆绑所有依赖项在浏览器中要求('模块的')。
    • React building用于构建用户界面的JavaScript库。
    • React路由器 - 完整的路由解决方案专为 React.js. 设计
    • 收费 React引擎 isomorphic用于呈现普通的React视图和React路由器视图的同构表示引擎的复合渲染引擎。
    • 手写笔 Expressive表现力,动态,健壮的CSS
    • 为easily构建的NodeJS Platform平台,以方便构建快速。可以扩展的网络应用程序。
    • Express 快速,极简的网页框架,用于 Node.js.
    • Gulp 自动化和增强你的工作流程。

    要求和安装

    Node.js v0.10.33至少安装了。

    
    $ npm install -g gulp@3.9.0
    
    
    $ npm install -g babel browserify nodemon
    
    
    $ npm install
    
    
    $ npm run build
    
    
    $ npm start
    
    
    
    

    http://localhost:3000 上打开浏览器

    文件夹结构

    
    .
    
    
    ├──/build/# Transpiled and minifiqued output files.
    
    
    ├──/docs/# Documentation about your project.
    
    
    ├──/node_modules/# Node Modules and 3rd-party libraries.
    
    
    ├──/src/# Source code of the web application.
    
    
    │ ├──/app/# Isomorphic App source code.
    
    
    │ │ ├──/components/# React components.
    
    
    │ │ ├──/containers/# Redux containers.
    
    
    │ │ └── routes.js # Shared routes between Client-Server.
    
    
    │ │ └── client.js #
    
    
    │ │ └── server.js #
    
    
    │ │ └── config.js # App config (URLs, names, etc...).
    
    
    │ └──/styles/# Stylesheets coding with Stylus Preprocessor.
    
    
    ├──/tasks/# Gulp tasks for build the client part
    
    
    ├── gulpfile.babel.js # Config file for automated Builders.
    
    
    ├── package.json # App manifest and list of libraries installed.
    
    
    ├──. editorconfig # define and maintain consistent coding styles.
    
    
    ├──. eslintrc # ECMAScript6 and React Code linter.
    
    
    ├──. babelrc # babel ES6 rules.
    
    
    ├──. jscsrc # JavaScript Code styles.
    
    
    └──. stylintc # Stylus CSS Code style.
    
    
    
    

    许可证

    开放源代码。MIT © Azaustre