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 cert
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 cert
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 cert

Install the HTTPS certificate to solve the certificate trust problem. You may need to enter the user password during the installation process.

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.

Tips

• Don't enter Chinese for the application name. package.json does not support the Chinese name field. It can only be a combination of subtitles, numbers, underscores, and connectors.

If you have any problem, welcome to join the dingtalk group:

If you have any suggestions and requirements, please contact the developer 刘甲 and 赵泰.