在Ionic中安装Capacitor
Capacitor很容易直接安装到任何Ionic项目(1.0-4.x+)。
新Ionic项目
ionic start myApp tabs --capacitor
cd myApp
已经存在的Ionic项目
cd myApp
ionic integrations enable capacitor
用app信息初始化Capacitor
注意:npx是npm5或更高版本中提供的一个新实用程序,它执行本地二进制文件/脚本以避免全局安装。
npx cap init [appName] [appId]
appName
和 app名字一样, and appId
是 app的域名标识(ex: com.example.app
).
注意:使用本机ide在初始配置后更改这些属性。
构建Ionic App
在添加任何本机平台之前,必须至少构建一次Ionic项目。
ionic build
这将创建已自动配置为在中用作webDir的www文件夹Capacitor.config.json.
添加平台
npx cap add ios
npx cap add android
在项目根目录下创建android和ios文件夹。这些是完全独立的本机项目工件,应该被视为您的离子应用程序的一部分(即,将它们签入源代码管理,在它们自己的ide中编辑它们,等等)。
打开IDE以构建、运行和部署
npx cap open ios
npx cap open android
原生iOS和Android项目在它们的标准ide中打开(分别是Xcode和androidstudio)。使用IDE运行和部署应用程序。
将应用程序与Capacitor同步
每次执行更改web目录(默认:www)的构建(例如,ionic构建)时,都需要将这些更改复制到本机项目:
npx cap copy