JSFramework

JSFramework 是一个使用 TypeScript 编写的用于构建移动跨平台 UI 的框架。

文件结构

• runtime/：所有源代码
  • ./main/：JS 包解析、数据方法、事件方法、响应式等
  • ./preparation/：JS 框架初始化
  • ./utils/：一些工具类
  • ./vdom/：VM 编译
• test/ut/：单元测试文件
• .eslintrc：eslint 配置文件
• BUILD.gn：NinjaJS 的 JS UI 框架编译文件
• build_jsmock_system_plugin.js, build_strip_native_min.js：构建 JS 框架
• js_framework_build.sh：JS 框架构建脚本文件
• LICENSE：Apache 许可证
• NOTICE：第三方开源软件声明
• package.json：定义运行 npm install 时将安装到 node_modules 中的库
• tsconfig.json：编译项目所需的编译器选项

使用方法

以下是入门的简化说明。以下命令在 Windows 和 Mac 平台上均相同。

1. 前提条件

在尝试构建之前，请确保以下命令可以正常运行：

> npm -v
  6.14.8
> node -v
  v12.18.3

您的 npm 和 node 应使用较新版本。您可以将它们升级到最新稳定版本。

2. 安装

build_jsmock_system_plugin.js、build_strip_native_min.js 中已配置用于打包的 RollUp 工具。因此，满足上述条件后，我们就可以立即开始安装了。

首先，我们进入项目的根目录：

cd ..
cd third_party/jsframework/

然后安装依赖项：

npm install

注意：若出现某些错误，请删除生成的 node_modules 包并重新运行 npm install。

3. 构建

构建 JS 框架有两种方式：

1. npm run build
2. in the root dir: run the build.sh script, which is built by gn

ESLint

您可以在 .eslintrc 中配置更多的 babel 和 ESLint 插件。修改后，最好确保不存在任何 ESLint 规则错误。