1. 程式人生 > >ionic專案開發環境配置

ionic專案開發環境配置

參考文章

其實大體主要分兩步:安裝cordova和安裝ionic

一,安裝cordova

0,jdk

1,首先安裝Ant(cordova工具生成android專案時,需要的編輯工具)

(1),安裝ant

(2),配置環境變數

path C:\Program Files\apache-ant-1.9.5\bin

classpath C:\Program Files\apache-ant-1.9.5\lib

(3),驗證ant

為了驗證ant是否成功安裝,可以進行如下操作:

依次選擇:開始->執行->cmd,輸入如下命令:ant

如果出現如下內容,說明安裝成功:

Buildfile: build.xml does not exist!

Build failed

這裡寫圖片描述

【說明ant安裝成功!因為ant預設執行build.xml檔案,這個檔案需要我們建立。】

2,安裝android sdk

最好只裝到sdk22,和cordova5.0配對,cordova5.0打包時會要求匹配sdk22,不然會報錯,不能打包

別忘了配環境變數(把%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-
tools加到Path環境變數中,不然會報”Error: An error occurred while listing Android targets”錯)

3,安裝Node.js (這裡主要是要用它的npm命令裝東西)

4,安裝phonegap和cordova(終於到主角了)

安裝npm install -g phonegap 或 npm install -g cordova
解除安裝npm uninstall cordova -g 或 npm uninstall phonegap -g

推薦安裝5.0版本,npm install -g [email protected]

安裝完畢後可以建立一個cordova專案運行了
cordova create myapp com.org.myapp “HelloWorld”
cd myapp
cordova platform add android //新增android執行平臺
cordova build android //編譯apk
cordova run android //執行到真機

二,安裝ionic

(其實就一句話,不知是遮蔽還是網速原因,我就一直裝不上,一個禮拜左右每天都會裝就是裝不上,所以有了以下的辦法)

1,npm install -g ionic

npm install -g [email protected](或者安裝固定版本)
(這句能成功安裝就不用看下邊的方法了)

2,推薦方法:

現在是可以裝完了,但是提示沒有ionic命令,乖乖用淘寶映象吧,好使!

首先,裝淘寶命令依賴包

然後,用cnpm命令裝ionic

cnpm install -g ionic

3,參考方法:

三,常用ionic命令

ionic start myApp sidemenu //建立帶有左側帶有menu欄的示例專案
ionic start myApp blank //建立空白專案
ionic start myApp tabs
ionic serve //瀏覽器執行(除錯很方便)

相關推薦

ionic專案開發環境配置

參考文章 其實大體主要分兩步:安裝cordova和安裝ionic 一,安裝cordova 0,jdk 1,首先安裝Ant(cordova工具生成android專案時,需要的編輯工具) (1),安裝ant (2),配置

Ionic專案開發環境初始化

一.使用Ionic CLI進行專案的初始化構建 1.構建專案 執行npm install -g cordova ionic安裝cordova和ionic外掛 建立一個APPionic start 專案名 tabs 其中tabs是圖示形式(下方圖示

Angular6 配置專案開發環境,測試環境,生產環境

搜過很多文章說的都是關於Angular4的配置,後面自己又找了許多資料,最後總結了Angular6 如何配置開發環境,測試環境,生產環境: 1、在environments資料夾裡新建三個檔案: //生產環境 environment.prod.ts: export const enviro

Kotlin開發之一 kotlin開發環境配置和建立專案(android)

kotlin 作為一門新生語言 以其簡介的風格和強大的效率而廣受歡迎 本人也是神往已久 迫於專案開發 所以拖到今天才開始對kotlin進行專案級的整理 一邊學習一邊進步吧 關於kotlin 的特性什麼的 我這裡就不介紹了 給個傳送陣 有興趣的朋友可以去看一下

Intellij後臺開發環境配置和新建專案

一 準備工作 (1)    編譯器: Intellij IDEA (2)    專案自動構建工具: Maven (3)    資料庫:MySQL (4)    開發環境:Windows,安裝JDK1.8 (5)    編輯xml文件工具 Atom 二 配置Maven (1

在window下搭建react-native開發環境配置,並通過react-native-cli生成一個專案執行

安裝些基本軟體,自行找教程,記得配置下環境變數 安裝python2 安裝jdk node、yarn 模擬器Genymotion傳送門 安裝android studio 然後看著教程將SDK裝好傳

Laravel for Windows 開發環境配置

let osi host func replace sys 模型 _id span 本文為CSDN Choris 原創,轉載請事先征得作者同意,以示尊重! 原文:http://blog.csdn.net/choris/article/details/50215835 L

Hibernate單表映射學習筆記之一——hibernalnate開發環境配置

pass ransac over 構造方法 參數 會話 signed rate ets   1、什麽是ORM?   Object/Relationship Mapping:對象/關系映射   2、寫SQL語句不好之處:   (1)不同數據庫使用的SQL語法不同(PL/

eclipse開發環境配置

開發 技術分享 clip nbsp logs image ima png 十六進制 ## 調試時,字節十六進制顯示 ------------------------------------------------------ eclipse開發環境配置

二維碼解碼器Zbar+VS2010開發環境配置(使用opencv庫)

nbsp () imread cfg 如何配置 lib eight ann dev Zbar條碼解碼器是一個開源的二維碼(包括條形碼)解碼器,可以識別來至於視頻流,圖像文件、手持掃碼器和視頻設備(如攝像頭)等二維碼識別,支持EAN-13/UPC-A, UPC-E, EAN-

Java 開發環境配置

右擊 通過 too 創建 read 所在 list 內容 自定義 其實大多數人都知道怎麽配置但是卻不懂什麽原理 下面這個教程就給了詳細步驟和解釋 原文來源菜鳥教程 Java 開發環境配置 在本章節中我們將為大家介紹如何搭建Java開發環境。 window系統安

Kinect開發筆記之三Kinect開發環境配置具體解釋

pc2 1.0 微軟 .aspx 技術分享 連接 實驗 family 不同 0、前言: 首先說一下我的開發環境,Visual Studio是2013的,系統是win8的64位版本號,SDK是Kinect for windows

Java開發環境配置

電腦 bin ava 配置步驟 設置 高級 選中 開發環境 系統 具體配置步驟如下: 找到自己的 jdk 安裝路徑,如:C:\java\jdk1.7.0_60\bin 右擊桌面的“我的電腦”,選擇“屬性”。 選中“高級系統設置”——》高級——》環境變量設置。 在系統變量中

OpenCV2.4.13+VS2013開發環境配置

highgui sta 應用程序 應用 per 系統變量 err c++ free 1、給系統變量配置path:添加:D:\opencv2_4_13\opencv\build\x86\vc12\bin 2、給用戶變量添加opencv變量,值D:\opencv2_4_13\

WIN10下java8的開發環境配置

java win10 環境變量WIN10下java8的開發環境配置一.開發環境配置 1.在官網上下載jdk-8u111-windows-x64.exe 註:jdk1.7下載地址 2.運行安裝包,可以自定義安裝路徑 3.進入環境變量設置: 計算機右鍵-->屬性-->高級系統設置-->環境變量

PHP 開發環境配置:WampServer+ZendStudio+XDebug

補丁 其中 找到 admin end pac amp 鼠標 選項 前言 一開始我在另一篇Blog中寫的是WampServer+Nodepad++,當時的考慮是IDE占用空間太多,而且可能配置比較復雜,所以選擇的是Nodepad++。但現在因為任務漸長,代碼量多了起來,需要

OpenCV2.4.10 + VS2010開發環境配置

bsp span 沒有 生成 9.png 2-2 super 新建 under 原文轉載自:qinyang8513 一、開發環境 1、操作系統:Windows 7(64位) 2、編程環境:Microsoft Visual Studio 2010 3、OpenCV版本:2

Java 開發環境配置(Windows篇)

window系統 jar 下載jdk src 編輯 .html 系統變量 輸出 要點 window系統安裝java 下載JDK 首先我們需要下載java開發工具包JDK,下載地址:http://www.oracle.com/technetwork/java/javase

【OpenCV入門教程之一】 OpenCV 2.4.8 +VS2010的開發環境配置

ctx 不能 tail 內存錯誤 mage lease 知識庫 我們 錯誤 目錄(?)[-] 因為讀研期間的研究方向是圖像處理所以淺墨這段時間閉門研究了很多OpenCV和圖像處理相關的知識與內容眼看自己積累到一定的程度了於是決定開始開設這個OpenCV系列專欄總結自己

macOS Sierra 10.12.6 odoo 10.0 開發環境配置

python text 超過 database initial base 包管理器 -- tps 參考了網上的一些教程,將最終過程記錄一下,其中需要的一些程序,我已經放到百度網盤: https://pan.baidu.com/s/1boKHSTL 1、抹盤安裝m