アングラー/Ionic設置配置のまとめ
5458 ワード
一、NodeJS
AnglarとCordova/Ionicはすべてcliツールを使って開発しますので、最新バージョンのNodeJSをインストールしなければなりません.NodeJSにはnpmパッケージマネージャが含まれていますが、Anglar/Ionic自体とプログラム依存ライブラリとフレームはnpmパッケージです.Anglar/Ionic開発を行うにはまずnpmパッケージマネージャをインストールする必要があります.
NodeJSの公式サイトのダウンロードページ:https://nodejs.org/en/download/
NodeJSをインストールする時はnpmを一緒にインストールすればいいです.
yarnをインストールすることもできます.カバンに依存する速度と安定性は多くなります.https://yarn.bootcss.com/を参照することができます.
二、npmを使用した淘宝鏡像
直接npmライブラリをダウンロードするのは遅くなります.成功しないことが多いです.国内のユーザーはタオバオのnpmjs.orgミラーを使ってダウンロードのスピードを速めます.
淘宝鏡像の公式使用説明:https://npm.taobao.org/
公式の提案はnpmの代わりにcnpmをインストールするか、cnpmという別名を追加することです.もう一つの方法はcnpmを使わずにnpmのデフォルトのミラーを修正することです.
npm config set registry http://registry.npm.taobao.org/
デフォルトのバージョンに戻りたいなら、このようにしてもいいです.
npm config set registry https://registry.npmjs.org/
npm get registryで今使っているのはどのミラーですか?
yarnをインストールしたら、ミラーをこのように設定できます.
yarn config set registry http://registry.npm.taobao.org/
三、アングラー取付
npm install-g@anglar/cli
公式サイト:https://angular.cn/guide/quic...
cliコマンドは、参照できます.https://angular.cn/cli
四、Ionic 4取付
インストールcli:npm install-g ionic
Ionic cliの文書:https://ionicframework.com/do...
Ionic NativeはAnglarスタイルを使ってオリジナルコンポーネントを呼び出す方法を提供します.
Ionic nativeの文書:https://ionicframework.com/do...
五、Ionic 3取付
1.IonicとCordovaのCLIをインストールする
npm install-g ionic codova
npmは先にタオバオの鏡像をインストールしたり、配置したりすることができます.
2.新規プロジェクト
コマンドラインでプロジェクトディレクトリの上位ディレクトリに入り、以下のコマンドを実行します.
ionic start TestIonic tabs
このうち、TestIonicはプロジェクト名であり、ディレクトリ名でもあります.コマンド実行が成功すると、自動的に現在のディレクトリの下にTestIonicというサブディレクトリを作成します.新規プロジェクトのディレクトリです.
後のtabsは新規プロジェクトのテンプレート、tabsテンプレート3つのtabのレイアウトを表し、他の公式テンプレートも使用できます.
[ERROR]Network connectivity error occurred、ar you ofline?
npm config set proxy=https://registry.npm.taobao.org npm config set https_proxy=https://registry.npm.taobao.org
そして、ionicの代理を設定します.
npm install-g@ionic/cli-plugin-proxy
環境変数IONIC_を追加HTTP_PROXY値はプロキシサーバのアドレスです.例えば、
https://registry.npm.taobao.org
3.運転項目
ionic serve
住所をGoogleブラウザにコピーしてF 12を押して、左上の第二ボタンを押して携帯モードに切り替えて、項目の調整ができます.
4.包装
パッケージ化androidアプリは、先にgradleをインストールする必要があります(オンラインではそうですが、実際にコンパイルする過程では、ionicがインストールされたgradleを使用していないので、逆に自分で一つのgradleをダウンロードしました).android sdkはhttps://blog.csdn.net/qq_2026…を参照してください.
ionic codova build android--release--prod
上のコマンドは、Androidアプリとしてパッケージ化され、出力メッセージにappkファイルの位置を表示します.
ionic codova run android
上の命令でappkファイルを作成し、Android携帯に直接インストールしますが、Android携帯はusbでPCに接続しなければなりません.開発者モードに入り、usbでデバッグします.インストールする時は携帯で確認しなければなりません.
ionic codova emulate android
上の命令でappkファイルを作成し、Androidシミュレータにインストールして実行します.Androidシミュレータを起動しないと、ionicが自動的にデフォルトのAndroidシミュレータを起動します.
また、上記の2つのコマンドは、例えば、codovaバージョンを使用してもよい.
cordva run android
cordva emulate android
効率がいいですが、事前にionic codova buildを呼び出しておかなければなりません.
また、上記のionic命令にオプション-lcを加えても良いです.
ionic codova emulate android-lc
オプション-lcは2つの役割があります.一つはconsone.infoなどの出力情報をコマンドラインに出力します.もう一つは、プロファイルionic.co.fig.jsonのproxiesを有効にすることです.
注意してください.-lcオプションはproxiesを有効にすることができますが、デバッグにしか使えません.正式なインストール運転は無効です.環境変数でコントロールする必要があります.
5.androidサイン
実行
ionic codova build android--release--prod
その後、コマンドラインに以下のコマンドを入力します.
keytool-genkey-v-keystore testionic.keystore-alias testionic.keystore-keyalg RSA-validity 36500
jarsigner-verbose-keystore testionic.keystore-signedjar tions.app-release-unsigned.app testionic.ketorse
ziplign-v 4 txt.appk txx_aligned.appk
ここでkeytoolとjarsignerはjdkのツールであり、jdkのpathを配置する必要がある.zippalignはAndroid sdkのツールであり、Android sdkでその具体的な経路を検索する必要がありますが、このコマンドは必ずしも実行する必要がありません.最適化だけです.
直接にコードva buildに署名することもできます.
ionic codova build android--release--prod----minSdkVersion=22--keystore=testionic.keystore--alias=testionic.keystore--store Password=12345--password=12345
AnglarとCordova/Ionicはすべてcliツールを使って開発しますので、最新バージョンのNodeJSをインストールしなければなりません.NodeJSにはnpmパッケージマネージャが含まれていますが、Anglar/Ionic自体とプログラム依存ライブラリとフレームはnpmパッケージです.Anglar/Ionic開発を行うにはまずnpmパッケージマネージャをインストールする必要があります.
NodeJSの公式サイトのダウンロードページ:https://nodejs.org/en/download/
NodeJSをインストールする時はnpmを一緒にインストールすればいいです.
yarnをインストールすることもできます.カバンに依存する速度と安定性は多くなります.https://yarn.bootcss.com/を参照することができます.
二、npmを使用した淘宝鏡像
直接npmライブラリをダウンロードするのは遅くなります.成功しないことが多いです.国内のユーザーはタオバオのnpmjs.orgミラーを使ってダウンロードのスピードを速めます.
淘宝鏡像の公式使用説明:https://npm.taobao.org/
公式の提案はnpmの代わりにcnpmをインストールするか、cnpmという別名を追加することです.もう一つの方法はcnpmを使わずにnpmのデフォルトのミラーを修正することです.
npm config set registry http://registry.npm.taobao.org/
デフォルトのバージョンに戻りたいなら、このようにしてもいいです.
npm config set registry https://registry.npmjs.org/
npm get registryで今使っているのはどのミラーですか?
yarnをインストールしたら、ミラーをこのように設定できます.
yarn config set registry http://registry.npm.taobao.org/
三、アングラー取付
npm install-g@anglar/cli
公式サイト:https://angular.cn/guide/quic...
cliコマンドは、参照できます.https://angular.cn/cli
四、Ionic 4取付
インストールcli:npm install-g ionic
Ionic cliの文書:https://ionicframework.com/do...
Ionic NativeはAnglarスタイルを使ってオリジナルコンポーネントを呼び出す方法を提供します.
Ionic nativeの文書:https://ionicframework.com/do...
五、Ionic 3取付
1.IonicとCordovaのCLIをインストールする
npm install-g ionic codova
npmは先にタオバオの鏡像をインストールしたり、配置したりすることができます.
2.新規プロジェクト
コマンドラインでプロジェクトディレクトリの上位ディレクトリに入り、以下のコマンドを実行します.
ionic start TestIonic tabs
このうち、TestIonicはプロジェクト名であり、ディレクトリ名でもあります.コマンド実行が成功すると、自動的に現在のディレクトリの下にTestIonicというサブディレクトリを作成します.新規プロジェクトのディレクトリです.
後のtabsは新規プロジェクトのテンプレート、tabsテンプレート3つのtabのレイアウトを表し、他の公式テンプレートも使用できます.
tabs : a simple 3 tab layout
sidemenu: a layout with a swipable menu on the side
blank: a bare starter with a single page
super: starter project with over 14 ready to use page designs
tutorial: a guided starter project
このコマンドはネットワーク接続エラーが発生する可能性があります.[ERROR]Network connectivity error occurred、ar you ofline?
If you are behind a firewall and need to configure proxy settings, see: https://ionicframework.com/docs/cli/configuring.html#using-a-proxy
ソリューションは、以下のコマンド構成npmエージェントを実行します.npm config set proxy=https://registry.npm.taobao.org npm config set https_proxy=https://registry.npm.taobao.org
そして、ionicの代理を設定します.
npm install-g@ionic/cli-plugin-proxy
環境変数IONIC_を追加HTTP_PROXY値はプロキシサーバのアドレスです.例えば、
https://registry.npm.taobao.org
3.運転項目
ionic serve
住所をGoogleブラウザにコピーしてF 12を押して、左上の第二ボタンを押して携帯モードに切り替えて、項目の調整ができます.
4.包装
パッケージ化androidアプリは、先にgradleをインストールする必要があります(オンラインではそうですが、実際にコンパイルする過程では、ionicがインストールされたgradleを使用していないので、逆に自分で一つのgradleをダウンロードしました).android sdkはhttps://blog.csdn.net/qq_2026…を参照してください.
ionic codova build android--release--prod
上のコマンドは、Androidアプリとしてパッケージ化され、出力メッセージにappkファイルの位置を表示します.
ionic codova run android
上の命令でappkファイルを作成し、Android携帯に直接インストールしますが、Android携帯はusbでPCに接続しなければなりません.開発者モードに入り、usbでデバッグします.インストールする時は携帯で確認しなければなりません.
ionic codova emulate android
上の命令でappkファイルを作成し、Androidシミュレータにインストールして実行します.Androidシミュレータを起動しないと、ionicが自動的にデフォルトのAndroidシミュレータを起動します.
また、上記の2つのコマンドは、例えば、codovaバージョンを使用してもよい.
cordva run android
cordva emulate android
効率がいいですが、事前にionic codova buildを呼び出しておかなければなりません.
また、上記のionic命令にオプション-lcを加えても良いです.
ionic codova emulate android-lc
オプション-lcは2つの役割があります.一つはconsone.infoなどの出力情報をコマンドラインに出力します.もう一つは、プロファイルionic.co.fig.jsonのproxiesを有効にすることです.
注意してください.-lcオプションはproxiesを有効にすることができますが、デバッグにしか使えません.正式なインストール運転は無効です.環境変数でコントロールする必要があります.
5.androidサイン
実行
ionic codova build android--release--prod
その後、コマンドラインに以下のコマンドを入力します.
keytool-genkey-v-keystore testionic.keystore-alias testionic.keystore-keyalg RSA-validity 36500
jarsigner-verbose-keystore testionic.keystore-signedjar tions.app-release-unsigned.app testionic.ketorse
ziplign-v 4 txt.appk txx_aligned.appk
ここでkeytoolとjarsignerはjdkのツールであり、jdkのpathを配置する必要がある.zippalignはAndroid sdkのツールであり、Android sdkでその具体的な経路を検索する必要がありますが、このコマンドは必ずしも実行する必要がありません.最適化だけです.
直接にコードva buildに署名することもできます.
ionic codova build android--release--prod----minSdkVersion=22--keystore=testionic.keystore--alias=testionic.keystore--store Password=12345--password=12345