Quick Start

快速创建 Next2D 应用程序。

npx create-next2d-app app-name
cd app-name
npm start

目录结构

project
├── src
│   ├── index.js
│   ├── App.js
│   ├── Packages.js // It will be generated automatically.
│   │
│   ├── component
│   │   └── default empty
│   │
│   ├── config
│   │   ├── config.json  // Configuration files for each environment.
│   │   ├── routing.json // Request settings before loading the view.
│   │   ├── stage.json   // Display(Stage) area setting. 
│   │   └── Config.js    // It will be generated automatically.
│   │
│   ├── content // Symbolic access to JSON created with NoCode Tool
│   │   ├── TopContent.js
│   │   └── HomeContent.js
│   │
│   ├── image
│   │   └── default empty
│   │
│   ├── model // business logic
│   │   ├── api
│   │   │   └── HomeText.js
│   │   └── callback
│   │       └── Background.js
│   │
│   └── view // Per-page View, ViewModel files.
│       ├── top
│       │   ├── TopView.js
│       │   └── TopViewModel.js
│       └── home
│           ├── HomeView.js
│           └── HomeViewModel.js
│
└── __tests__ // Unit Test directory
    └── model
        └── default empty

流程图

命令

• 启动开发服务器。

npm start

• 根据 routing.json 生成必要的 View 和 ViewModel 类。

npm run generate

• 指定环境变量的输出生产构建。

npm run build -- --env="prd"

• 启动测试。

npm test

JSON 配置项

stage.json

Option settings

config.json

| 可以为每个环境设置不同的变量值。用`all`设置的值在所有环境中都可用。

routing.json

路由声明可以使用英文字母、数字、斜线、连字符和下划线。其对应的大驼峰名称包含斜线、连字符和下划线，作为键使用访问对应的视图类。

Example

在下面的例子中，`https://example.com/quest/list` 可被访问，其上下文被设置为 `QuestListView.js`。

{
  "quest/list": {
    "requests": []
  }
}

子配置项

可在 "request" 中设置的属性。