這篇文章主要講講ionic的安裝和新建專案,gulp自動化環境和伺服器的搭建,安卓的打包和模擬。
安裝node.js,開啟命令列,安裝cordova和ionic
$ npm install -g cordova ionic新建專案,在命令列輸入
新建乙個帶底部標籤的頁面
也可以輸入
新建乙個空白頁面
還可以輸入
新建乙個帶側邊欄的頁面
專案用到gulp來做自動化專案構建,在nodejs命令列輸入
npm install -g gulpnpm installgulp這樣就安裝了gulp和一些模組
如果需要配置乙個web伺服器
,在命令列輸入
npm install gulp-connect修改gulpfile.js檔案
', function() ); gulp.task('default', ['webserver','sass','watch']);
修改index.html檔案
在瀏覽器輸入http://localhost:8080/www/,就可以看到效果了。
ionic環境配置
windows系統下將ionic專案打包成apk檔案的方法 安卓系統 1.安裝nodejs 安裝過程省略 安裝好後再命令列中,輸入 node v 顯示對應的node的版本號,輸入npm v會顯示對應的npm版本號,來確認是否安裝好!安裝好jdk需要配置環境變數 我的系統是win10的 說下在win1...
ionic框架環境配置
參考文章 cordova 3.x 基礎 1 環境搭建 windows android phonegap之 android 環境搭建 ionic框架配置 ant的配置 其實大體主要分兩步 安裝cordova和安裝ionic 安裝cordova 一,首先安裝ant cordova工具生成android專...
ionic 安裝以及環境配置
ionic 是乙個輕量級的手機ui庫,具有速度快,介面現代化,美觀等特點。為了解決其他一些ui庫在手機上執行緩慢的問題 安裝ionic 配置環境步驟 1.安裝phonepag 2.安裝ionic 在控制面板中 npm instal g ionic sudo npm install g ionic 建...