ionic环境配置

ionic环境配置摘要

ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。目前绑定的与angularJS和SASS。这个框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。

安装node.js，打开命令行，安装cordova和ionic

$ npm install -g cordova ionic

新建项目

新建项目，在命令行输入

$ ionic start myApp tabs

新建一个带底部标签的页面

也可以输入

$ ionic start myApp blank

新建一个空白页面

还可以输入

　　$ ionic start myApp sidemenu

新建一个带侧边栏的页面

$ ionic serve (运行启动服务)

浏览器访问http://localhost:8100 (localhost 绑定本地IP)
时间： 2024-10-26 06:59:43

ionic环境配置的相关文章

Windows的Ionic环境配置

1.安装nodejs 软件 https://nodejs.org/en/download/ 2. 安装淘宝镜像:以管理员身份打开cmd 输入命名:npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装Ionic: cnpm install -g [email protected] 4.设置全局的npm从国内源加载:npmrc(路径:C:\Program Files\nodejs\node_modules\npm)添加

Ionic环境配置及android打包

环境搭建步骤: 1.安装node.js  这是为了使用npm来安装ant,cordova,ionic 验证是否安装好node.js的方法是在命令提示符中输入“node -v”     若出现版本号,证明安装成功. nodejs 中文网站 http://nodejs.cn/ 下载安装就可以了   安装步骤可以参考 http://www.runoob.com/nodejs/nodejs-install-setup.html 2.下载jdk,并配置java环境(网上教程很多)      验证是否安装好

ionic环境配置及问题

必备条件: 安装Node.js 安装Java JDK(jdk-8u71-windows-x64.exe),注意:版本必须要1.8+ 安装绿色版AndroidSDK (ADK编译) AndroidSDK添加环境变量 在Path系统变量中添加如下配置: %ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools; 第一次用ionic,发现各种坑. 首先node.js不要使用最新版本,否则会出现各种问题. 一开始用的v8.x的版本,各种报错,后面切换到v7.8

【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框架环境配置

参考文章 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/yuzho

Ionic mac os 环境配置

1.安装NodeJS插件 官网(http://www.nodejs.org/ )国内无法访问,可以通过(http://nodejs.cn/)下载安装. 安装完后在命令终端输入:node -v 查看是否安装成功 安装成功则会出现版本信息,我的NodeJS版本如下: 2.安装cordova和ionic环境 1).安装cordova sudo npm install -g cordova 2).安装ionic sudo npm install -g ionic 3).注意在安装cordova或者ion

ionic+angular+cordova 安卓环境配置

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

ionic2——环境配置篇

环境配置 安装nodeJS 配置cnpm 安装ionic2 安装cordova 安装java sdk 安装android sdk(在项目最后打包时app的时候会用到,前期是在浏览器环境测试开发暂时不需要使用) 1.安装nodeJS 登录nodeJs官网(https://nodejs.org/en/download/),选择自己适用的版本,小编选用的下面这个版本Windows Installer (.msi),然后下载完成后,直接双击安装即可: 安装完成后,检测是否配置了Node.js,点击开始=

VS2015+cordova+ionic安装配置

VS2015已经出了正式版,想用来试一下cordova方面的开发.最近在看ionic这个框架,于是想能在VS2015里编辑js就好了. 下面说一下蛋疼的安装配置过程. 一.安装VS2015及Android SDK 首先Android的SDK最好提前下好,我是从另一个电脑上把已经下好的sdk复制到D盘Android目录下,这样安装VS2015的时候就不用选择SDK下载了,速度会快点. 安装VS2015的时候最好网络FQ一下,不然有些组件有可能会下载失败.安装的组件我没选Xamarin,这玩意太贵用