nodejs+phonegap+ionic环境搭建并创建项目

1、基础软件安装并配置环境

JDK、Android SDK、nodeJs、Ant

它们的下载地址、安装方法和环境变量配置可以自行百度或者谷歌。

2、phonegap的安装

打开cmd窗口,输入npm install -g phonegap(前提是nodeJs已安装并配置好)

3、cordova的安装

打开cmd窗口,输入npm install -g cordova

4、ionic的安装

打开cmd窗口,输入npm install -g cordova ionic

5、创建ionic项目

a、选择ionic项目的存放位置,比如我放在d盘ionicprojdects目录下,在命令行进入该目录

b、创建ionic项目,名称为ionicDemo,在上面的目录下输入ionic start ionicDemo blank,

会创建一个空的项目,如果把blank换成tabs就可以创建一个选项卡项目,换成slidemenu就

可以创建一个抽屉菜单项目了。

6、添加平台支持

cd ionicDemo目录,输入ionic platform add android就添加了支持android平台的项目,把

android换成ios就添加了支持ios的项目

ps:ionic官网地址:ionic,里面有详细的说明和api的使用方法,需FQ。

时间: 2024-08-25 04:26:31

nodejs+phonegap+ionic环境搭建并创建项目的相关文章

从零开始学Xamarin.Forms(二) 环境搭建、创建项目

一.环境搭建 Windows下环境搭建: 1.下载并安装jdk及android sdk: 2.下载Xamarin.VisualStudio,可以从官方下在线安装的,也可以下载3.0.54版本的离线安装包. 3.下载完毕运行安装程序,按照提示一步一步安装即可. Mac下环境搭建: 官方在线安装 二.创建Xamarin.Forms项目 1.新建项目,选择"Blank App(Xamarin.Forms Portable)" 创建完毕后,项目结构如下图: 2.更新程序集 由于默认的Xamar

从零開始学Xamarin.Forms(二) 环境搭建、创建项目

一.环境搭建 Windows下环境搭建: 1.下载并安装jdk.Android SDK和NDK.当然还须要 VS2013 update 2(VS2010.VS2012均可)以上. a.  最新SDK. 下载地址:http://dl.google.com/android/android-sdk_r23-windows.zip b.  Android平台工具包(解压到SDK安装根文件夹下,产生文件夹platform-tools), 下载地址:https://dl-ssl.google.com/and

vue环境搭建及创建项目

安装node环境:node环境下载地址:https://nodejs.org/zh-cn/download/,可根据对应的操作系统版本下载安装 安装完成后查看对应的node和npm版本,如没有出现对应版本号则代表安装失败 安装vue-cli(vue脚手架)安装vue-cli之前确保要先是否安装webpack webpack安装命令:npm install webpack -g 安装好后开始安装 vue-cli npm install -g vue-cli -g代表的是全局安装 vue-cli安装

phoneGap开发环境搭建(android)

1.  首先安装nodejs  (http://nodejs.org/) 2.  然后在命令行输入 npm 回车 如果出现下图: 则表示安装成功 3. 安装 npm install -g cordova 4.  安装JDK 这里最麻烦的就是环境变量的配置了 配置环境变量:右击"我的电脑"-->"高级"-->"环境变量" 1)在系统变量里新建JAVA_HOME变量,变量值为:C:\Program Files\Java\jdk1.6.0_

phonegap 开发环境搭建

一.基本android开发环境搭建 Eclipse + adt插件 + android sdk + ant 环境变量配置 path路径下加入 D:\eclipse\plugins\org.apache.ant_1.9.2.v201404171502\bin D:\apache-ant-1.9.2\bin; D:\android-sdk-windows\platform-tools D:\android-sdk-windows\tools 二.phonegap开发环境搭建 1.搭建好基本的andr

(一)phoneGap之环境搭建教程及其example分析

phoneGap之环境搭建教程及其example分析 一.环境搭建 与普通的开发android应用一样,phoneGap也同于原生android应用一样,环境相同,只是有部分不同,下面就我做理解,进行说明,不足之处还请大家及时提醒,谢谢!       一.安装 在安装PhoneGap开发环境之前,需要按顺序安装以下工具: 1.Java SDK java sdk,不安装的话不能正常安装Android SDK. 安装成功检测:启动DOS窗口start-->run-->cmd,在DOS窗口中键入:j

Ionic 环境搭建,代理设置

一.介绍 Ionic 是一个 CSS+JS 界面框架,Ionic 使得开发者能够使用 HTML 编写出手机 App 界面,外观和原生手机 App 非常相似. Ionic CLI 使得开发者能够将 Ionic 开发的界面打包成 IOS 的 .ipa 包,或者 Android 的 .apk 包. 二.搭建 Ionic 环境 1. 首先安装 node.js 和 npm a. 如果你是在 Windows 平台下,请下载 node.js 的安装包并安装,安装包里面自带 npm.地址是:https://no

[PhoneGap]开发环境搭建与简单应用

目前,随着Google的Android手机和苹果的iphone手机的逐渐普及,越来越多开发者加入到移动应用开发的大军当中.其中,Android应用是基于Java语言基础上进行开发的,而苹果公司的iphone则是基于C语言开发的.如果开发者编写的应用需要同时在不同的移动设备上运行的话,则必须要掌握多种开发语言.而为了进一步简化移动应用的编程,Nitobi公司推出了一套开源的移动应用解决方案PhoneGap(http://www.phonegap.com). PhoneGap是一款开源的手机应用开发

Cocos2d-x 3.1环境搭建和创建工程

Cocos2d-x 3.x改版了很多,之前搭过一次环境,但是没截图,这次趁着重装电脑,一边搭建一边截图.此博文只是为了记录而不是为了教学,所以更多讲的是搭建过程.本文基本上参考这篇博客:http://www.idcfree.com/article-1488-1.html,这篇博客比我讲的详细多了,但是我的是菜鸟教程,喜欢看图的可以参考我的博客. 安装工具: 1.下载JDK 下载地址:http://www.oracle.com/technetwork/java/javase/downloads/i