運行環境
-
環境的運行保證安裝了java運行環境JDK,並配置Java環境變量
-
安裝nodejs 和 npm
國內最好走cnpm鏡像會快點
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝完了之後查看cnpm -v 是否安裝成功
-
安裝AndroidStudio,它是一款本地Android開發的IDE,安裝它之後會自動包含SDK的下載，SDK是Android的運行環境,安裝完成之後需要配置sdk的環境變量
-
安裝ionic npm i -g cordova ionic
-
平台部署 ionic cordova platform add android
-
開發工具 Visual Studio Code 速度快
程序的新增、調用
-
開始ionic項目 ionic start [項目名稱] tabs or blank or menu
-
安裝依賴 npm install / cnpm install
-
創建頁面 ionic g page 頁面名稱 (其中的g 是generate(產生) 既可寫全稱也可寫簡稱)
-
創建服務 ionic g service 服務名稱
image.png
e2e:端對端的測試文件
node_modules:項目所需要的依賴包
resources:android/ios 資源（更換圖標和啓動動畫）
src:開發工作目錄，頁面、樣式、腳本和圖片都放在這個目錄下
www:靜態文件，ionic build --prod 生成的單頁面靜態資源文件
platforms:生成android 或者 ios 安裝包需要的資源 (cordova platform add android 後會生成
plugins: 插件文件夾，裏面放置各種cordova 安裝的插件
config.xml：打包生成app的配置文件
package.json: 配置項目的元數據和管理項目所需要的依賴
ionic.config.json、ionic.starter.json ：ionic 配置文件
angular.json ：angular 配置文件
tsconfig.json:TypeScript 項目的根目錄，指定用來編譯這個項目的根文件和編譯選項
tslint.json：格式化和校驗typescript
src下面的文件分析
app:應用的根目錄（組件、頁面、服務、模塊）
assets：資源目錄（靜態文件像圖片，js框架）
theme：主題文件，裏面有個scss文件,設置主題信息
global.scss：全局css文件
index.html：index入口文件
main.ts:主入口文件
karma.conf.js/test.js：測試相關的配置文件
polyfilles.ts：這個文件包含Angular需要的填充,並在應用程序之前加載
scss文件是CSS的擴展，在保證兼容性的基礎上，它允許使用變量、嵌套、混合、導入等特性，使用起來更加的靈活
程序的運行和調試
啓動項目 ionic serve –open
a) 啓動android ionic cordova prepare android
ionic cordova run android -i
b) 如果是啓動真機調試 ionic cordova run android –target devices ID
ionic cordova run android –target [devices ID] -lc 动态调试真机
運行與調試 設備id 是通過adb 來查找 adb devices
https://www.jianshu.com/writer#/notebooks/35631598/notes/44064744/preview
c)如果想要項目在微信中調用或者移動頁面開啓，運行
ionic build -prod
即會在www中生成新的文件，再將此文件放在服務器上即可訪問
更新
-
打包生成apk 文件，ionic cordova build android ,先修改版本再打包
ionic cordova build android --release --prod => 优化启动速度，解决启动白屏 -
在Dolphin 下config.json 中appVersion是app服務器的版本
-
本機app版本在config.xml下 widget標籤的version屬性
网友评论