ionic官网:http://ionicframework.com/ 首先需要下载node.js,建议node管理方式请先详细查看林一篇博客http://www.cnblogs.com/minyc/p/myc201606191543.html,node官方下载地址: https://nodejs.org/en/ mac下的node.js 一般的带有npm的: 在命令窗口输入 npm -v 查询npm版本 输入node --version 查询node.js版本 首先下载node.js跟新工具 命…

模拟调试不能保证真机一定没问题,所以真机调试是非常必要的一步 IOS设备 启用设备调试 在IOS设备中(Iphone,Ipad)中开始web检测器 设备->safari->高级->web检测器 编译代码 ionic build ios 调试 通过命令直接启动 或者 通过xcode导入会自动运行APP ionic run ios --device 这时打开Safari的"开发",就可以看到如下界面: 原文地址:[ionic]Mac IOS下真机调试标签:ionic   …

新建文件夹: mkdir test 新建txt touch test.txt 新建无后缀格式文件 touch test 如果要删除文件夹 rm -r -f test…

mac 蓝牙开启调试模式 按住shift+option+鼠标右键点右上角的蓝牙图标…

Mac新建txt,正好有人问我,我就把我自己的方法记录一下: 先cd到你指定的文件路径下: 新建文件夹: mkdir test 新建txt touch test.txt 新建无后缀格式文件 touch test 如果要删除test文件夹及所有子文件内容 rm -rf test 删除空文件夹,只要rm就可以了 rm test…

Mac 新建文件和文件夹默认 当前用户才有读和写的权限,其他用户只有读的权限 修改Mac新建文件.文件夹的默认权限的步骤如下: 1.打开 “终端” 2.在终端中输入以下命令: 创建文件时,从默认值(对于文件,通常为 666,对于文件夹,通常为 777)中减去掩码值来确定新的文件或文件夹的权限. 掩码值:读 4 ,写 2 例如,默认掩码 022 ,666-022 = 644,777-022=755,此设置会针对新文件设置权限 644,并针对新文件夹设置权限 755.这些权限允许群组和其他用户读取文…

今天下午一直在捣鼓如何用PhpStorm进行调试,查找了许多资料,零零碎碎的,所以自己弄篇文章记录一下步骤. 安装xdebug 使用brew安装xdebug,语法如下 brew install homebrew/php/php<version number>-xdebug 到https://xdebug.org/download.php下载xdebug,版本必须是与php对应的版本 brew install homebrew/php/php56-xdebug 如果你不知道该下载哪个版本的xde…

转载自: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改名. 制作证书 打开…

第一步: 查看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系统版本:MacOS Mojave  10.14.5 vscode:1.36.0 MacOS Mojave  10.14.5 系统自带 PHP 7.1.23 1.开启php sudo vim /etc/apache2/httpd.conf 找到#LoadModule php7_module libexec/apache2/libphp7.so,去掉注释(删除前面的井号). 2.然后重启apache sudo apachectl restart 3.运行phpinfo.php mac apa…

Eclipse调试使用的F5  F6  F8一直都好用,结果一次调试后忽然不好使. 问题原因,尚未知晓. 解决办法,重启机器.…

safiri 识别不了iPhone 真机  需要在iPhone上 做设置  safri-> 高级 ->web检查器  进行设置,然后重新启动  safri即可...…

前言 我们在开发的过程肯定是一边写代码,一边查看自己的代码写的是否存在问题,那么问题来了,有两种情况 情况一:我们可以本地起服务,那么我们就可以在本地检查自己的代码,查看运行结果 情况二:本地无法起服务,那么我们怎么办?难道要改一点就要上预发? 方案 情况二方案:配置移动端代理 | 使用Map local代理本地静态资源,也就是html.css.js.img还有json 配置网页代理 详情见Charles学习(一)之macOS Charles 4.x版本的安装.激活.使用以及软件功能了解 Map…

具体流程可见http://bbs.ionic-china.com/read-7.html 问题1.安装ionic cordova失败 解决方法:修改npm的源,npm config set registry "http://registry.cnpmjs.org",输入npm config list(或者npm config get registry)查看是否设置成功,再试试能否安装成功:不行再使用淘宝镜像网站,npm config set registry " https:…

死亡白屏(White Screen of Death) 我想“死亡白屏”应该是不需要解释的,开发过ionic app的童鞋应该都有遇到过,这里解释以防读者没有听说过:“可能在浏览器中调试时一切正常,当你在真机或模拟器上测试时不正常,当app启动时只有空白的页面”. 在我的开发中,死亡白屏经常是因为缺失了JavaScript文件,这就中断了Angular初始化app的过程,从而不能加载我们的视图模板,所以显示空白的页面. 不幸的是,导致“死亡白屏”的原因多种多样,不能确切的说明是什么原因,因为在真…

我们知道在 Mac/PC 上的浏览器都有 Web 检查器这类的工具(如最著名的 Firebug)对前端开发进行调试,而在 iPhone/iPad 由于限于屏幕的大小和触摸屏的使用习惯,直接对网页调试非常不方便,所以一直没有 Web 检查器这一类工具. 但是 iOS 6 的发布解决了这个问题. iOS 6 给 Safari 带来了远程的 Web 检查器工具(Remote Web Inspector),你可以通过模拟器或者真实的设备(通过 USB 连上 Mac)进行调试.下面我讲讲详细的调试过程:…

2016-12-13 Hutchinson 微软中国MSDN 在 11 月举行的 Connect(); 上,Microsoft 将推出 Visual Studio for Mac 预览版.这是一个激动人心的进展,将以移动为中心的 Xamarin Studio IDE 发展成为真正的移动先行和云优先的 .NET 和 C# 开发工具,并为 Mac 带来 Visual Studio 开发体验. Visual Studio 系列的新成员 从本质上说,Visual Studio for Mac 是与 Wi…

修改 应用名 直接 修改 config.xml中的name 修改icon 和 启动界面 在resources目录有个 icon.png  和 splash.png 文件,直接把文件覆盖执行重新生成命令 ionic resources  #重新生成icon 和 splash ionic resources --icon #重新生成icon ionic resources --splash # 重新生成splash 原文地址:[No.5 Ionic]修改 应用名,icon,启动界面标签:ionic…

在使用 cordova 过程 使用的插件 有可能不能满足个人需求,就需要修改,下面就直接说说步骤 插件结构 我用 cordova-plugin-inappbrowser 插件 讲解 在目录中有个 src目录,然后 有android  和 ios 目录,直接按需修改就行了 . |-- CONTRIBUTING.md |-- LICENSE |-- NOTICE |-- package.json |-- plugin.xml |-- README.md |-- RELEASENOTES.md |--…

项目做完之后 接下来就是打包操作了,接下来直接说Android 打包操作 生成签名证书 keytool -genkey -alias vincentguo -keyalg RSA -validity 20000 -keystore vincentguo.keystore #说明: #    -genkey 产生密钥 #    -alias vincentguo 别名vincentguo #    -keyalg RSA 使用RSA算法对签名加密 #    -validity 20000 有效期限…

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…

 更新npmD:\Program Files\npm-3.9.0\npmnode cli.js install npm -gf vs安装 更新node.js  windows版直接从官网下载安装包 npm install -g cordova.    //安装Cordova npm install npm@latest -g //升级npm npm install -g cnpm --registry=https://registry.npm.taobao.org //淘宝NPM镜像    np…

由于公司开始使用后ionic 进行前段开发,现在需要学习下ionic,虽然是后台开发,但是还是有必要了解下的 安装Node.js 官网:http://nodejs.cn/ 自行下载安装 安装Ionic npm install -g cordova npm install -g ionic 设置淘宝镜像 npm config set registry https://registry.npm.taobao.org npm info underscore (如果上面配置正确这个命令会有字符串resp…

ionic简介 为什么选用ionic: 彻底开源且免费 性能优异 基于红的发紫的AngularJs 漂亮的UI 强大的命令行(基于更热门的nodejs) 开发团队非常活跃. ngCordova,将主流的Cordova API或者Cordova插件封装为AngularJS扩展,使用非常方便. 开源免费的webfont icon库ionicons,基本满足你icon需求. 快速搭建绿色 注意:现在手动安装的ionic都是2x版本 需要1.x版本请看搭建绿色环境:Ionic_1.x 5分钟快速搭建绿色…

开发平台注意点首先,我们需要注意构建Ionic App需要的最低配置:Ionic只支持iOS6 +和Android 4.0 + ,(虽然2.3可以工作,但会有点卡).但是,Android设备众多,可能出现某些不能正常工作.我们希望你帮助测试和改进我们的设备兼容性,有问题可以反馈到GitHub项目上. 你可以在任何你喜欢的操作系统应用程序开发的Ionic app.事实上,Ionic在MAC OS X,Linux和Windows上都可以开发.这篇教程,主要是面对IOS,所以,你必须有OS X作为开发…

Mono 4.0 已经发布,二进制包已经准备好,具体的发布说明参见:http://www.mono-project.com/docs/about-mono/releases/4.0.0/. 今天在Mac上更新了Mono 4 和Xamarin Studio 5.9. 使用Xamarin Studio 创建了一个asp.net mvc 项目: 模版使用的是5.2.0 版本的,目标框架是Mono/.NET 4.5,我通过Nuget 更新到了5.2.3 , 更新包的过程中需要调整下web.config…

1.ionic简介 ionic 是用于敏捷开发APP的解决方案.核心思路是:利用成熟的前端开发技术,来写UI和业务逻辑.也就是说,就是一个H5网站,这个区别于react-native,native.即是:“写一次,到处运行”. 从去年到现在,也是红得发紫,很多APP相继喷薄而出,至今也见过学多做得非常好的APP,当然,是指在iOS的机器上体验到的.android不敢恭维. 简介参见官网: http://cordova.apache.org/http://ionicframework.com/ i…

上一篇将开发板的情况大致介绍了一下,这次将一步一步展示如何新建.调试并下载运行一个点亮LED的工程. 1)打开Quartus新建工程: 2)填写规则大致如下: 3)选择我们芯片的类型: 4)点击file|NEW...弹出如下图,新建Verilog HDL File: 5)输入下面代码,并保存: module led_light(led); :] led; assign led='b0101; endmodule 6)点击编译(如下图1所示标记,2是programmer一会有用) 编译成功会显示:…

系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求  实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目   实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构  实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI 实战使用Axure设计App,使用WebStorm开发(5) – 实现页面功能 实战使用Axure设计App,使用WebStorm开发(6) –…

看见网上很多人问怎么用chrome调试JavaScript代码,我也对这个问题抱着疑问,但是没有找到一篇能用的中文文章(可能我的google有问题),也不知道怎么点出一篇E文的,感觉作者写得不错,所以尽量按照原来的风格弄一篇中文的,希望对和我一样存在疑问的朋友有所帮助.如果高手路过,下面留言指点,或给与相关学习链接,谢谢. 下面我将通过一个例子让大家对chrome的调试功能有个大概的认识. 几个存在的bug:    我发现调试功能中有个小bug(作者发现的),尤其是在打开调试窗口时打开控制窗口,…