ionicがwebAppパッケージを作成する過程について

4997 ワード

1.IDEA登録http://idea.lanyus.com/登録コードを取得するにはクリックしてください
关于ionic制作webApp打包的过程_第1张图片 Activityコードに入力すればよい
2.homebrewスイートマネージャのインストール
关于ionic制作webApp打包的过程_第2张图片
3.nodeをインストールする.js  brew install node
4.ionic cordovaのインストール
sudo npm install-g cordova ionic 4.1 关于ionic制作webApp打包的过程_第3张图片 brewソースを交換する必要があります4.2 关于ionic制作webApp打包的过程_第4张图片 4.3表示node_modules属主有問題关于ionic制作webApp打包的过程_第5张图片実行sudo chown hyjt:admin node_modulesその後ionicを再インストール
5.ionic info現在の状況を確認し、プロンプトに従ってシミュレータをインストールするなど关于ionic制作webApp打包的过程_第6张图片をサポートする
关于ionic制作webApp打包的过程_第7张图片
6.前に書いたionicコードを入れる
关于ionic制作webApp打包的过程_第8张图片 www-devはソースコードでresources(APP起動アイコンと起動図)を追加します.
7.現在のディレクトリでnpm installを実行するとnode_が作成されます.modulesフォルダ
关于ionic制作webApp打包的过程_第9张图片
8.ionic state resetを実行するとplatformsフォルダ、すなわちデュアルプラットフォームエンジニアリングディレクトリを正しく生成できないという問題が発生します.
解決策は、wwwフォルダを作成し、platformsフォルダ关于ionic制作webApp打包的过程_第10张图片を正しく生成することです.
9.xcworkspaceプロジェクトを実行でき、正しく表示できません.
关于ionic制作webApp打包的过程_第11张图片理由は、工事タスクを一つの工事に統合して関連付けなかった解決方法:gulp.js-ストリームベースの自動構築ツールglupインストールglupまずnodejs環境が正しくインストールされていることを確認します.次にgulp:sudo npm install-global gulp-cliをグローバルにインストールし、ディレクトリにnpm install gulpをインストールしてpulpツールを追加します.
10.glupを使用してプロジェクトを構築する
ios:gulp build:ios:releaseアンドロイド:gulp build:android:release(署名ファイルが必要)が成功すると、ionic state resetを再実行してやっとプロジェクトが完了し、xcodeエンジニアリングは关于ionic制作webApp打包的过程_第12张图片(実際に追加されたプラグインはpackage.jsonファイルで見つけることができ、手動で追加または修正)configを正しく実行することができます.xml構成情報通知ブロードキャストによるionicオリジナル通信プラグインcordova-plugin-broadcasterの追加coaPodプラグインcordova-plugin-cocococoapod-supportのサポート