ionic環境配置

2021-06-27 18:39:30 字數 899 閱讀 9983

這篇文章主要講講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 建...