创建项目

执行此节之前,请确保必须的环境全都安装完成。

生成开发模板

使用 eeui-cli 的 create 命令来创建模版工程:(projectName为你要创建的项目名称)

eeui create projectName

脚手架会自动从 github 上拉取最新的 eeui-template 开发模板

TIP

如遇到网络原因自动下载失败,请直接从github下载最新releases https://github.com/kuaifan/eeui-template
下载完解压缩到本地,终端cd进入解压得到的文件夹,然后执行eeui setting就可以按提示设置App名称、版本等App信息。

然后进入开发目录,执行 npm install 加载node_modules

cd projectName
npm install
npm run dev

iOS 运行项目

确保您已经安装完成 iOS 所需环境

cd到iOS工程目录platforms/ios/eeuiApp 执行pod install命令来拉取iOS工程的依赖

pod install

首次执行时间会稍长,命令执行完毕后找到当前目录下 eeuiApp.xcworkspace 文件,双击即可唤起XCode打开 iOS 工程;

然后在XCode选择相应的模拟器(比如iPhone xs),点击按钮来运行项目。

Android 运行项目

确保您已经安装完成 Android 所需环境

1.打开AndroidStudio软件然后OpenAndroid工程目录platforms/android/eeuiApp。 2.待项目构建完成,点击 AndroidStudio 上方工具栏的 Run,即可运行项目。

第一次打开 AndroidStuido 时,由于本地环境未配置好,AndroidStuido 会提示错误,按照 IDE 提示,点击 sync 同步一下,大部分环境问题都可以解决。

注:

模板目录结构

├── common                  // 公共文件
│   ├── backup              // ├── 备份目录
│   ├── demo                // ├── 演示文件
│   ├── dist                // ├── 静态资源生成目录
│   └── js                  // └── 封装的方法
├── node_modules            // node依赖
├── platforms               // 平台源码
│   ├── android             // ├── 安卓平台源码
│   └── ios                 // └── iOS平台源码
├── plugins                 // 平台插件程序
├── src                     // 开发路径
│   ├── appboard            // ├── appboard
│   ├── components          // ├── 封装的组件
│   └── pages               // └── 开发页面  
├── eeui.config.js          // 客户端相关配置
└── package.json            // npm项目及依赖说明

首次打开我们已经为您内置了由一些 demo,您可以看到相关的页面,下面在开发之前还需要进行一些相关的配置和调试的学习。