ionic安装步骤

诸腾
2023-12-01


1.安装Ionic和Cordova。
$ npm install -g cordova ionic
2.执行创建app目录
ionic start yourAppName tabs
yourAppName 为项目名称 
3.在app目录下执行 cnpm install 
看到All packages installed 就表示项目已经创建完成。
4.执行 ionic serve (运行在浏览器中)
5.给项目添加对应的打包平台
 cordova platform add android
可通过命令  cordova platform ls显示已经安装的平台项目以及可安装的平台
6.下载打包插件 gradle
Gradle下载链接:https://services.gradle.org/distributions/
可在项目的 \platforms\android\cordova\lib\builders的 GradleBuilder.js中看到适合的gradle版本
(这个是打包成apk的 时候需要用到 打包会快一点)
7.打包成apk文件
cordova build android(打包成功后会在 platform android 自动生成 build文件夹 output文件夹中有apk文件)
8.安装 进行调试
ionic cordova run android 
9.更新ionic cli
npm install --save-dev ionic-cli@latest
10.cordova 命令执行失败时
npm uninstall -g cordova
npm install -g cordova@latest
11.Cordova cannot add Android failed with exit code ENOENT问题
可能是系统变量损坏 在系统变量path 加上(加后需重启计算机)
%SystemRoot%\system32; %SystemRoot%; %SystemRoot%\System32\Wbem; 
12.安装相机插件
npm install @ionic-native/camera
13 .安装Crosswalk Webview插件
 $ cordova plugin add cordova-plugin-crosswalk-webview      
在浏览器调试chrome://inspect/#devices    
14.在模拟器调试
 cordova  emulate android --livereload -c -s 
cordova plugin list  //查看项目有什么插件
15、删除插件(以camera插件为例)
cordova plugin rm cordova-plugin-camera
16、新建一个页面
ionic g page second
17  ionic serve AppScripts.serve is not a function
更新 @ionic/app-scripts npm install @ionic/app-scripts@latest --save-dev
18 ionic serve webpackJsonp is not defined
added the vendor.js script BEFORE the main.js in /src/index.html


  <script src="build/vendor.js"></script>


  <!-- The bundle js is generated during the build process -->
  <script src="build/main.js"></script>
18生成签名版
ionic cordova build android --prod --release
19 签名jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.jks android-release-unsigned.apk my-alias
 类似资料: