ionic for mac 新建与调试

ionic官网:http://ionicframework.com/

首先需要下载node.js 下载地址: https://nodejs.org/en/

现在的node.js 一般的带有npm的;

在命令窗口输入 npm -v 查询npm版本 输入node --version 查询node.js版本

首先下载node.js跟新工具 命令是:npm install -g n   如果是mac安装的命令都要加sudo如:sudo npm install -g n

输入安装密码安装,然后输入命令:n stable  来跟新node.js到最新的稳定版本 mac下命令行 sudo n stable;

然后就是下载cordova与ionic;

打开命令窗口 输入 npm install -g cordova ionic 为一起安装 也可以分开安装 先安装npm install -g cordova 再安装 npm install -g  ionic ;跟新cordova或者ionic命令 npm update -g cordova 或者 npm update -g ionic ;删除命令 npm uninstall cordova ;mac下加sudo

下载好后根据ionic官网命令

1: 进入需要创建工程的文件夹输入命令: ionic start myApp tabs  myApp是工程名,tabs为工程模式。ionic模式存在blank tabs sidemenu,替换模式就会创建相应的工程;默认为 tabs类型 可直接命令ionic start myAPP;

2:进入你创建的工程文件,输入命令 ionic platform add android老创建android项目;文件夹下会生成platforms文件夹里面的android文件就是android工程

3:一.直接运行android工程,我们插上android手机或者运行android模拟器,然后ionic build android  来编译android工程,然后ionic run android;程序应该会在你的手机或者模拟器上跑起来就可以看了。二.用android studio 打开,直接打开andorid studio,然后open这个android工程,之后像普通程序一样运行。

4:web编写:下载webstorm,这个收费可以下破解版,或者其他网页开发工具 打开工程目录下的www文件,进行网页编写

5:调试运行:下载tomcat,然后开启将www文件夹直接放在tomcat下的webapps 文件夹下 将android中的地址修改成tomcat的地址进行访问或者直接放在assests文件夹下运行(不行就找会android的);

6:其他页面快速调试工具(需要vpn),进入phonegap官网:http://phonegap.com/,根据他的步骤现在在桌面工具 Install our desktop app,然后再app store或者google play上搜索PhoneGap Developer 下载手机连接工具,打开桌面工具点击?添加你创建的额ionic项目,然后打开手机连接工具连接就可以看到,实时变化的页面。

时间: 2024-10-10 00:22:29

ionic for mac 新建与调试的相关文章

Mac 新建unix可执行文件

新建一个文本,输入要执行的终端命令,然后另存为无格式文件, 比如另存为名script. 然后打开终端,输入 sudo chmod u+x script 这个script要写成那个文件的绝对路径. 比如 sudo chmod u+x /Users/xxx/Desktop/script 执行后,那个script文件就会变成类似批处理的文件.双击就能运行里面的终端命令. Mac 新建unix可执行文件

mac安装gdb调试(转载)

转载自:http://blog.plotcup.com/a/129 最近一直用go写一个项目,本想在mac上用gdb调试一下,但xcode4.6带的gdb版 本还是太低了,不支持go,只好自己安装一个.本以为直接brew install gdb就 完事了,后来发现不是那么回事,还要给gdb制作证书签名.下面是操作步骤: 安装gdb brew install gdb 程序编译完成后在/usr/local/bin/下面建立一个gdb的软链,并且将/usr/bin/ 下面的gdb改名. 制作证书 打开

MAC下如何配置Android手机调试(将测试手机加入到Mac系统的调试列表中)

第一步: 查看usb设备信息 在 终端输入:system_profiler SPUSBDataType     可以查看连接的usb设备的信息 比如我的usb信息如下(部分内容): 查看到我的Android手机的Vendor ID: 0x04e8,这个id是该手机关联该电脑的一个唯一标识. 第二步: 创建.修改adb_usb.ini文件 输入: vi ~/.android/adb_usb.ini 命令,在打开的 adb_usb.ini文件中添加第一步中的Vendor ID:0x04e8, 然后保

Mac 下CodeBlocks调试的问题

从入手Mac到现在就用过Xcode,前段时间要将一个开源的TestDisk从文本界面转成带图形界面的.我思考一番决定用CodeBlocks + Qt来做,主要是不想用Qt自己的IDE,也许是习惯了VC,CodeBlocks之类的风格,参数上设置挺方便的. 但是在代码的编写中,发现一个问题,MAC下gdb不能调试,后来查了查原来是Apple 不允许调试其他的进程,需要设置一个钥匙串.虽然自己按照网上的说明进行了设置,但是在我的电脑上还是无法进行设置.每次Debug的时候总是退出,有时候还直接崩溃!

mac使用safari调试ios

手机操作:[设置]->[Safari]->[高级]->开启[Web检查器] mac操作:a. 打开开发者模式:[Safari]->[偏好设置]->[高级]->[在菜单栏中显示"开发"菜单]勾选 b. 查看网络请求:[开发]->[手机名称]->[正在调试的网站] c. 调试: 原文地址:http://blog.51cto.com/12173069/2174515

华为 安卓手机在MAC系统下调试模式设置(转载)

同时做IOS开发的同学,使用MACOS会发现在ANDROID 开发环境完整的情况下,接入MOTO,SAMSUNG,HTC,ZTE等手机都可以自动识别,并可以在DDMS中查看LOGCAT,唯独华为的手机不可识别.USB开发调试也设置了,在WINDOWS下可以识别,为什么呢?别急,有工程模式: 在拨号界面输入:*#*#2846579#*#* 找到-$amp;>quot;$ProjectMenuAct"->"后台设置"->"USB端口设置" 改

(转载)Android mac 真机调试

1.需要下载android SDK 和Eclipse 2.终端输入system_profiler SPUSBDataType 找到 MI 2的就是你的手机USB参数 MI 2: Product ID: 0x9039 Vendor ID: 0x2717 Version:  2.28 Serial Number: 22da4df1 Speed: Up to 480 Mb/sec Manufacturer: Xiaomi Location ID: 0xfa140000 / 6 Current Avai

mac通过chrome调试安卓

手机操作: mac操作: 原文地址:http://blog.51cto.com/12173069/2174516

接口新建学习---调试取样器

一.定义 它是jmeter取样器的一种,它是我们在开发脚本的时候调试用的.添加调试取样器后在察看结果树中能看到我们在脚本中所有参数化变量所取的值,这样有利于我们排错. 1.添加: 2.设置 一般来说,默认的设置就可以 3.查看结果 原文地址:https://www.cnblogs.com/huanlfu/p/11304712.html