创建工程

创建JSN模块开发工程可以使用以下指令：

$ light create -t jsn

生成的基本的模板开发工程比较简单，目录结构大致如下，基本的模板工程包含了一个JSNative的"hello,world"页面。

demo
├── app.js
├── index.html
├── lib
│   └── package.json
├── project.json
└── view
    └── index.vue

2 directories, 5 files

JSNative模块工程的project.json配置项中的插件配置启用了jsnative插件，改插件赋予了工程JSNative代码编译的能力。

添加生成视图

可以参考视图的概念和定义章节进行视图的定义和生成。

注意事项

视图中页面功能的实现必须符合JSNative的规范，只允许使用JSNative中支持的语法来开发工程，切忌不可以纯H5开发的代码经验来实现JSNative的视图。

使用原生接口

为了方便开发者使用调用原生API，我们提供了light-sdk模块，具体的使用方法如下：

1. 在源代码目录的lib目录执行：npm install -d --save light-sdk
2. 在需要使用light-sdk的js或者vue文件中使用如下代码：import LightSDK from “light-sdk”
3. 具体的使用指令及API文档参考light-sdk的API文档