@alitajs/cordova
TypeScript icon, indicating that this package has built-in type declarations

2.9.0 • Public • Published

@alitajs/cordova

NPM version NPM downloads

umi support cordova

Usage

安装环境(Mac)

1.安装 XCode

2.安装 xcode-select

xcode-select --install

弹出软件一直下一步就好。

3.安装 ios-deploy

sudo yarn global add ios-deploy

4.全局安装 Cordova

sudo yarn global add cordova

接入 cordova

umi 项目

Configure in .umirc.js,

yarn add @alitajs/cordova
export default {
  plugins: ['@alitajs/cordova'],
  cordova: {
    packageId: '',
    displayName: '',
  },
};

alita 项目

Configure in config/config.js,

export default {
  appType: 'cordova',
};

添加 cordova 初始化命令

如果你全局安装了 umi ,可以使用umi cordova --init --ios

如果你没有全局安装 umi ,可以在 package.json 里面添加 scripts

{
  "scripts": {
    "cordova-init": "umi cordova --init",
    "cordova-add-ios": "umi cordova --ios",
    "cordova-add-android": "umi cordova --android",
    "start": "umi dev",
    "start-cordova-android": "CORDOVA=android umi dev",
    "build-cordova-android": "CORDOVA=android umi build",
    "build": "umi build"
  }
}
参数 说明
--init 初始化 Cordova 项目,添加配置文件和相关文件夹
--ios 执行 cordova platforms add ios
--android 执行 cordova platforms add android

环境变量 CORDOVA

默认使用的平台是 ios,如果开发安卓,需要设置环境变量

如果umi cordova --init --ios 一直没有动静,可以ctrl+c关闭进程,手动执行cordova platforms add ios

启动项目

开发环境执行 umi dev dev 环境有热更新,如果使用手机查看,要求需要在统一个网络环境下。

编译执行umi build

使用xcode打开项目 ./platforms/ios/Tutorial.xcworkspace 选择虚拟机,执行。

虚拟机中查看效果 umi-cordova.png

注意事项

Mac

Xcode10 要修改编译系统 File->Workspace Setting ioshelp 修改 Build System -> Legacy Build System ioshelp

Android Studio

umi devumi build 的时候要设置环境变量CORDOVA=android

如果使用的是 Mac,可以通过命令安装 java 环境

brew cask install java

对安卓开发不熟悉的朋友,注意看右下角的窗口,会有提示需要安装 sdk,先装完 sdk。

The minSdk version should not be declared in the android manifest file. You can move the version from the manifest to the defaultConfig in the build.gradle file.
Open Manifest File
Move minSdkVersion to build file and sync project

点击 “Move minSdkVersion to build file and sync project”

接着点击运行项目,在 Android Studio 右上角,点击绿色小三角形按钮。

然后选择一个模拟器,如果没有就点击左下角新建,随便选一个你喜欢的下载,然后弹出提示全部选择蓝色默认的选项一直下一步。(就是选择完成,安装,之类的)。

androidsuccess

LICENSE

MIT

Readme

Keywords

Package Sidebar

Install

npm i @alitajs/cordova

Weekly Downloads

6

Version

2.9.0

License

MIT

Unpacked Size

32.2 kB

Total Files

6

Last publish

Collaborators

  • pengyh
  • ashoka_j
  • diyc
  • xiaohuoni
  • imhele
  • wangxingkang
  • shawdanon
  • cjy0208
  • sorrycc
  • hang1017
  • hammersjs