ionic框架环境配置

参考文章

Cordova 3.x 基础(1) -- 环境搭建(Windows / Android) http://rensanning.iteye.com/blog/2016364

phoneGap之Android环境搭建 http://haomou.net/2014/08/06/2014_phonegap_android/

ionic框架配置 http://haomou.net/2014/08/07/2014_ionic/

ant的配置 http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

其实大体主要分两步:安装cordova和安装ionic

安装cordova

一,首先安装Ant(cordova工具生成android项目时,需要的编辑工具)

1,安装ant

到官方主页http://ant.apache.org下载新版(目前为Ant1.8.1)的ant,得到的是一个apache-ant-1.8.1-bin.zip的压缩包。将其解压到你的硬盘上,例如:C:\apache-ant-1.8.1。

2,配置环境变量

path             C:/ apache-ant-1.8.1/bin

classpath      C:/apache-ant-1.8.1/lib

3,验证ant

为了验证ant是否成功安装,可以进行如下操作:

依次选择:开始->运行->cmd,输入如下命令:ant

如果出现如下内容,说明安装成功:

Buildfile: build.xml does not exist!

Build failed

【说明ant安装成功!因为ant默认运行build.xml文件,这个文件需要我们建立。】

二,安装android sdk(网上方法一大把)

别忘了配环境变量(把%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools加到Path环境变量中,不然会报"Error: An error occurred while listing Android targets"错)

三,安装Node.js (这里主要是要用它的npm命令装东西)

进入官网(http://www.nodejs.org/ ),下载安装包安装

四,安装phonegap和cordova(终于到主角了)

npm
install -g
phonegap

npm
install -g
cordova

安装完毕后可以创建一个cordova项目运行了

cordova create myapp com.org.myapp "HelloWorld"

cd myapp

cordova platform add android  //添加android运行平台

cordova build android   //编译apk

cordova run android  //运行到真机

安装ionic(其实就一句话,不知是屏蔽还是网速原因,我就一直装不上,一个礼拜左右每天都会装就是装不上,所以有了以下的办法)

npm
install
-g ionic (这句能成功安装就不用看下边的方法了)

我的方法

1,配置环境变量node的npm命令

Path : C:\Documents and Settings\Administrator\Application Data\npm

2,补齐npm文件夹下有关于ionic的文件
http://download.csdn.net/detail/superjunjin/8417723

3,补齐ionic项目下node_modules等文件
http://download.csdn.net/detail/superjunjin/8417731

(具体文件见最后的压缩包)

ionic start myApp sidemenu  //创建带有左侧带有menu栏的示例项目

ionic start myApp blank   //创建空白项目

ionic
serve //浏览器运行(调试很方便)

时间: 2024-07-30 10:19:43

ionic框架环境配置的相关文章

VS2015 ionic 开发环境配置纪要

1)第一次安装Tools for Apache Cordova不成功,到Options检查依赖项,缺少Node等,重新下载了32为的nodeJs安装.然后运行VS安装程序,卸载Tools for Apache Cordova,重新安装,成功. 2)下载VS ionic模板 https://taco.visualstudio.com/en-us/docs/tutorial-ionic/#getTemplates 3)for error: ApacheCordovaToolsPackage pack

大数据开发keras框架环境配置小结

系统安装问题 win10+ubuntu16.04 在win10在需要security boot设置成disable,否则安装完后无法设置启动项. 安装完ubuntu重启,系统会直接进入win10,需要使用EaeyBCD进行启动项设置. 进入ubuntu系统,校园网不要使用DSL联网,而是直接默认连上有线连接后在网页进行登录 显卡驱动安装 第一步需要干掉nouveau,两种方法:一种禁用,一种移除. 安装显卡驱动需要关闭X窗口,在文字窗口进行,若安装为中文系统,在文字窗口显示不了汉字. cuda及

MAC OSX环境下cordova+Ionic的安装配置

一.简介 1.Ionic是什么 IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架.通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用. 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用.提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择.Ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架.Ionic框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台

【No.1 Ionic】基础环境配置

Node 安装 git clone https://github.com/nodejs/node cd node ./configure make sudo make install node -v npm -v npm设置淘宝镜像 npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist IOS Simulator sudo npm ins

ionic环境配置

ionic环境配置摘要 ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架.目前绑定的与angularJS和SASS.这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序. 安装node.js,打开命令行,安装cordova和ionic $ npm install -g cordova ionic 新建项目 新建项目,在命令行输入 $ ionic start myApp tabs 新建一个带底部标

Spring框架中利用注解进行自动装配的环境配置步骤和常见问题

第1步:配置XML文件 ,如下: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.spring

ionic+angular+cordova 安卓环境配置

1.java环境配置 下载java jdk 百度搜索java jdk安装完后在cmd窗口输入Java -version 显示以下即为安装成功.然后把java jdk配置到环境变量. (1)选择[新建系统变量]--弹出“新建系统变量”对话框,在“变量名”文本框输入“JAVA_HOME”,在“变量值”文本框输入JDK的安装路径(也就是步骤5的文件夹路径),单击“确定”按钮,如图: (2)在“系统变量”选项区域中查看PATH变量,如果不存在,则新建变量 PATH,否则选中该变量,单击“编辑”按钮,在“

Scrapy框架中结合splash 解析js ——环境配置

环境配置: http://splash.readthedocs.io/en/stable/install.html pip install scrapy-splash docker pull scrapinghub/splash docker run -p 8050:8050 scrapinghub/splash ---- settings.py #-- SPLASH_URL = 'http://localhost:8050' #-- DOWNLOADER_MIDDLEWARES = { 'sc

SSH框架学习环境配置

1.      java环境 安装 安装jdk7,根据自己的操作系统选择32位或64位安装. 配置 安装后需要配置环境变量,如下所示: 配置classpath,如下: 并在path中添加java6安装目录中的bin目录路径,如下所示: 检验是否安装成功,cmd进入命令行模式,输入java,出现如下画面表示安装java完成: 2.    web容器 安装 本教程开发环境使用tomcat7,"开发工具"目录提供了apache-tomcat-7.0.52.zip. 解压安装包到自己的电脑上,