create-rnpx

Creates a rnpx application/plugin/block/library using the command line.

Usage

$ yarn create rnpx [appName]

Boilerplates

• ant-design-pro - Create project with a layout-only ant-design-pro boilerplate, use together with rnpx block.
• app - Create project with a simple boilerplate, support typescript.

Usage Example

$ yarn create rnpx

? Select the boilerplate type (Use arrow keys)
  ant-design-pro  - 创建一个ant-design-pro模板.
❯ app             - 创建一个基于rnpx架构的H5项目.
  koa2-mysql-server          - 创建一个基于koa2+mysql的一套简易nodejs后台服务.
  rnpx-trao          - 创建一个基于Taro框架的小程序、快应用等项目.

? Do you want to use typescript? (y/N)

  create abc/package.json
  create abc/.gitignore
  create abc/.editorconfig
  create abc/.env
  create abc/.eslintrc
  create abc/.prettierignore
  create abc/.prettierrc
  create abc/.rnpxrc.js
  create abc/mock/.gitkeep
  create abc/src/assets/yay.jpg
  create abc/src/global.css
  create abc/src/layouts/index.css
  create abc/src/layouts/index.tsx
  create abc/src/pages/index.css
  create abc/src/pages/index.tsx
  create abc/tsconfig.json
  create abc/typings.d.ts
 📋  Copied to clipboard, just use Ctrl+V
 ✨  File Generate Done

FAQ

yarn create rnpx command failed

这个问题基本上都是因为没有添加 yarn global module 的路径到 PATH 环境变量引起的。

先执行 yarn global bin 拿到路径，然后添加到 PATH 环境变量里。

$ yarn global bin
/usr/local/bin

你也可以尝试用 npm，

$ npm create rnpx

或者手动安装 create-rnpx，并执行他，

$ npm install create-rnpx -g
$ create-rnpx

Questions & Suggestions

Please open an issue here.

LICENSE

MIT