awtk踩坑记录三：移植awtk-mvvm到Awtk Designer项目

• 从github下载并编译awtk, awtk-mmvm

  awtk: https://github.com/zlgopen/awtk/tree/master

  awtk-mvvm: https://github.com/zlgopen/awtk-mvvm

• 用awtk-designer新建项目并打开项目目录

• 首先修改project.json，使其awtk和awtk-mvvm指向上个步骤下载的路径，这样做的目的是使得designer编译调用正确的awtk路径，我的路径是转到d/devtools, 应根据情况自行修改:

{
  "name": "awtk_mvvm_practice_review2",
  "entry": "home_page",
  "awtkRoot": "d:/Devtools/awtk",
  "awtkMvvmRoot": "d:/Devtools/awtk-mvvm",
 ...
}

• 修改Sconstruct，通过ARGUMENTS启用mvvm：

import os
import scripts.app_helper as app

CUSTOM_WIDGET_LIBS = []

DEPENDS_LIBS = CUSTOM_WIDGET_LIBS + []

ARGUMENTS['WITH_MVVM'] = 'true'
helper = app.Helper(ARGUMENTS)
APP_SRC = os.path.normpath(os.path.join(os.getcwd(), 'src'))
APP_CPPPATH = [
  os.path.join(APP_SRC, 'common'),
  os.path.join(APP_SRC, 'view_models'),
]

helper.set_deps(DEPENDS_LIBS).add_cpppath(APP_CPPPATH).call(DefaultEnvironment)

SConscriptFiles = ['src/SConscript', 'tests/SConscript']
helper.SConscript(SConscriptFiles)

• 在src新建view_models文件夹，并将gen脚本放入，原版是sh脚本，这里照顾我windows上powershell的需要改成了ps脚本，这个脚本用于生成view_model代码，需要指定index.js, gen_vm_array.js和gen_vm.js的路径，index.js在awtk目录下，而gen_vm_array.js和gen_vm.js在awtk-mvvm目录下：

gen.ps1

node D:/Devtools/awtk/tools/idl_gen/index.js idl.json ../common
node D:/Devtools/awtk-mvvm/tools/view_model_gen/gen_vm_array.js idl.json
node D:/Devtools/awtk-mvvm/tools/view_model_gen/gen_vm.js idl.json

原版gen.sh

node ../../../awtk/tools/idl_gen/index.js idl.json ../common
node ../../../awtk-mvvm/tools/gen_vm_array.js idl.json
node ../../../awtk-mvvm/tools/gen