0.2.0 • Published 5 months ago

harmonyos-jsx v0.2.0

Weekly downloads
-
License
MIT
Repository
-
Last release
5 months ago

harmonyos-jsx

使用JSX编写鸿蒙原生应用! 本项目仍然在持续更新中,谨慎使用在生产环境

jsx-show.gif

Getting Started

  1. 首次使用需全局安装 harmonyos-jsx
    npm install -g harmonyos-jsx
  2. 安装成功之后会提供 hsx命令。 执行--version 判断是否安装成功
    hsx --version
  3. 参考HarmonyOS开发文档 创建初始化项目
  4. 进入项目目录,执行如下脚本hsx, 如果是首次执行此命令将会在ets目录下创建以下文件

    • pages-tsx 目录: 后续的tsx 源码目录
    • arks-global.d.ts
    • tsconfig.json
  5. 使用vscode 或其他你喜欢的IDE,打开项目目录

  6. pages-tsx目录 创建和编写你的tsx文件即可。 hsx命令会实时把你的tsx文件编译为等效的ArkTS版本,通过鸿蒙的IDE可实时预览最新UI。 vscode-editor

TODO

  • support style prop
  • 属性返回JSX
  • ArkTS内置组件 TS描述完善
  • 友好的转化报错信息
  • performance
  • other

Q&A

  1. 是否支持 .jsx 文件 ? 否,只会处理tsx文件。

License

MIT License

Copyright (c) harmonyos-jsx