【开发】Cordova+Ant Design+React教程

1. 运行cordova教程

[http://cordova.axuer.com/docs/zh-cn/latest/]

1.1安装Cordova CLI

在OS X和Linux上:
$ sudo npm install -g cordova
在Windows上:
C:\>npm install -g cordova

1.2创建App

所有后续命令都需要在项目目录或者项目目录的任何子目录运行:
$ cd hello
给你的App添加目标平台。我们将会添加’ios’和’android’平台，并确保他们保存在了config.xml中:
$ cordova platform add ios --save
$ cordova platform add android --save
$ cordova platform add browser --save

1.3运行app

$ cordova run android
$ cordova run ios

$ cordova run browser

2. 运行Ant Design教程

[https://ant.design/docs/react/getting-started]

2.1调试使用脚手架工具:antd-init
[https://github.com/ant-design/antd-init]

Install

$ npm i antd-init -g

Usage

Generate demo boilerplate.

$ mkdir foo && cd foo
$ antd-init

Start development server.

$ npm start

Build.

$ npm run build
注意事项：

antd-init@2 仅适用于 demo，如果你要开发项目，推荐使用 dva-cli 进行项目初始化。dva 是一个基于 react 和 redux 的轻量应用框架，概念来自 elm，支持 side effects、热替换、动态加载等，已在生产环境广泛应用。

2.2正式开发脚手架工具:dva-cli
[https://github.com/dvajs/dva-cli]

Install

$ npm install -g dva-cli

Usage

dva init

$ mkdir myApp && cd myApp
$ dva init

dva new

$ dva new myApp
$ cd myApp

dva generate (short-cut alias: “g”)

$ dva g route product-list
$ dva g model products
$ dva g component title
$ dva g component title --no-css