aop-cli

Aop Cli 中文文档

Create ISV Plugin with no build configuration.

• Creating a Plugin – How to create a new plugin.

Install

npm i -g aop-cli

Quick Overview

aop init myApp
cd myApp
aop dev

Creating a Plugin

You’ll need to have Node >= 7.10.1 on your local development machine. You can use nvm (macOS/Linux) or nvm-windows to easily switch Node versions between different projects.

To create a new plugin, run command:

aop init myApp
cd myApp
aop dev

It will create a directory called myApp inside the current folder. Inside that directory, it will generate the initial project structure and install the transitive dependencies:

.myApp
├── README.md
├── build
│   └── vendor.dll.js
├── build.sh
├── common
│   └── index.scss
├── custom.config.js
├── example
│   └── index.html
├── index.js
├── layout
│   ├── components
│   │   ├── Main
│   │   │   ├── index.jsx
│   │   │   └── index.scss
│   │   └── theme
│   │       ├── navigation-dark.scss
│   │       └── navigation-light.scss
│   ├── index.jsx
│   └── index.scss
├── package.json
├── page
│   ├── page1
│   │   ├── components
│   │   │   └── card
│   │   │       ├── index.jsx
│   │   │       └── index.scss
│   │   └── index.js
│   └── page2
│       ├── components
│       │   └── form
│       │       ├── index.jsx
│       │       └── index.scss
│       └── index.js
└── routes.jsx

Inside the newly created project, you can run some built-in commands:

aop dev

Before run this command, please make sure you have binding host:

127.0.0.1	localhost
127.0.0.1    g.alicdn.com

aop dev will run the app in development mode.
aop will open https://page.1688.com/html/isv-bridge.html?appKey=appKey&version=1.0.0 to view it in the browser automatically.

The page will automatically reload if you make changes to the code.
You will see the build errors and lint warnings in the console.

aop build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.