# 既有vue项目改造成jsview项目的步骤建议

  1. 通过 npm init jsview@latest 下载脚手架
  2. 将原有 vue 项目的 src 拷贝到步骤1的脚手架中
  3. 在这个脚手架中通过 npm install 补全原有vue项目的依赖包(只要不是通过html/document操作dom元素的第三方包都支持,例如可支持axios)
  4. 在脚手架中重新 npm ci (将jsview对vue的patch重新打入node_modules中)
  5. 在此项目的根节点上,加入 JsvFocusBlock 节点,并注入 onKeyDown 函数,并设置 autofocus,在onKeyDown中接受按键信息转发给原项目的按键响应流程
  6. 通过 npm start 在PC上验证是否可以运行出界面
  7. 通过 "js开发入门" 的 am start 对应的步骤启动盒子的页面确认效果。
  8. 另外,为了动画性能更好,将界面的焦点控制逻辑和排布逻辑更换为 JsvFocusBlock 和 MetroWidget 这两个组件
Last Updated: 1/4/2024, 10:24:40 AM