GUI初始化项目:
-
下载好AppWorks
-
创建应用
-
也可以自己新建物料、注意也可以直接用Vscode的物料、有需要再使用这一步
-
寻找物料、以及自己开发物料如:https://appworks.site,注意也可以直接用Vscode的物料、有需要再使用这一步
-
选择了PC WEB练手
-
填好名称和目录、然后完成创建项目
-
配置yarn
-
安装依赖、打开调试
-
成功会启动Chrome
或者cli初始化项目:
配置history路由:
-
注意,虽然配置文件为build.json,但是配置history在app.tsx里面
-
注意,配置history路由先要下载react-router
-
tsconfig.json刚开始报node模块找不到错误,下载好依赖后需要等一会儿,这个报错会自动消失
-
const appConfig: IAppConfig = { app: { rootId: 'ice-container', }, router: { type: 'browser', } };
其他:
- 页面和组件
- 注意vscode上方工具栏、运行、启动调试、默认是npm启动、如果你包管理器选择npm是可以的,但是选择yarn就不要这样!