window安装ionic的详细步骤
2017-01-04 15:27
239 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。
转载请注明,原文地址:http://blog.csdn.net/ime33/article/details/54019886
安装前:先了解下ionic是什么?
ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML、CSS和JavaScript,开发跨平台的应用 。
Ionic是建立在google的AngularJS框架上的,正因为如此,所以它可以很好的支持安卓2.0以上和ios6.0以上的版本。
Angular JS过去被用来作为MVC框架,但是随着时间的推移,当$scope对象作为一个视图模型的情况下,就视图模型来讲它通过控制器来进行操纵,这也使得Ionic变得更接近MVVM框架。开发人员可以根据他们喜好来使用MVC或MVVM,只要他们的目标能被实现,MVVM框架将显示从从业务逻辑分离从而提高了可维护性和生产力。
所以说ionic是被用来使用混合的应用,而不是用来建手机网站的。
第一步:
安装install ionic;首先需要安装node.js,其次cordova和commands-tools;在cmd命令上安装完node.js后npm install -g cordova 安装cordova;之后 npm
install -g ionic 安装ionic,在这些过程中可能需要一点时间进行下载安装(最好fanqiang,用代理)!
安装完之后可以cordova -v进行查看版本!
第二步:
$ionic start myApp blank 新建一个空工程
第三步:
前往目录www下找到新建的项目,打开,发现浏览器报资源错误,这是因为浏览器不支持跨域操作(同源策略),我们需要开启策略,在桌面浏览器右击,属性,目标,最后加上-disable-web-security之后应用,,保存,重启浏览器,发现资源可以正常浏览了!
第四步:同样,ionic开启一服务器做调试,在cmd中键入ionic serve可以选择开启。之后直接编辑代码保存之后浏览器会自动更新内容,非常的方便!
接下来就可以安装官方提供的css,js,图标等开发项目了!
ionic
serve 进入后应用界面:
我们使用node进行安装配置环境,获取资源因为是外网,所以可能会出现莫名其妙的问题,比如包文件资源丢失导致报错,不能正常运行!可以到官方中下载最新的完整的包资源,或者私聊我喔!好了,暂时就到这里了!歇了
转载请注明,原文地址:http://blog.csdn.net/ime33/article/details/54019886
安装前:先了解下ionic是什么?
ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML、CSS和JavaScript,开发跨平台的应用 。
Ionic是建立在google的AngularJS框架上的,正因为如此,所以它可以很好的支持安卓2.0以上和ios6.0以上的版本。
Angular JS过去被用来作为MVC框架,但是随着时间的推移,当$scope对象作为一个视图模型的情况下,就视图模型来讲它通过控制器来进行操纵,这也使得Ionic变得更接近MVVM框架。开发人员可以根据他们喜好来使用MVC或MVVM,只要他们的目标能被实现,MVVM框架将显示从从业务逻辑分离从而提高了可维护性和生产力。
所以说ionic是被用来使用混合的应用,而不是用来建手机网站的。
第一步:
安装install ionic;首先需要安装node.js,其次cordova和commands-tools;在cmd命令上安装完node.js后npm install -g cordova 安装cordova;之后 npm
install -g ionic 安装ionic,在这些过程中可能需要一点时间进行下载安装(最好fanqiang,用代理)!
安装完之后可以cordova -v进行查看版本!
第二步:
$ionic start myApp blank 新建一个空工程
第三步:
前往目录www下找到新建的项目,打开,发现浏览器报资源错误,这是因为浏览器不支持跨域操作(同源策略),我们需要开启策略,在桌面浏览器右击,属性,目标,最后加上-disable-web-security之后应用,,保存,重启浏览器,发现资源可以正常浏览了!
第四步:同样,ionic开启一服务器做调试,在cmd中键入ionic serve可以选择开启。之后直接编辑代码保存之后浏览器会自动更新内容,非常的方便!
接下来就可以安装官方提供的css,js,图标等开发项目了!
ionic
serve 进入后应用界面:
我们使用node进行安装配置环境,获取资源因为是外网,所以可能会出现莫名其妙的问题,比如包文件资源丢失导致报错,不能正常运行!可以到官方中下载最新的完整的包资源,或者私聊我喔!好了,暂时就到这里了!歇了
相关文章推荐
- [Oracle Installation] 在 Linux AS 2.1 下面安装 Oracle 9.2.0 详细步骤
- 安装JPetStore详细步骤
- DataStage在RedHat Linux Enterprise 3上安装详细步骤(四)
- (原创)最详细可靠的Cadence16.01破解crack和安装方法步骤
- DataStage在RedHat Linux Enterprise 3上安装详细步骤(八)
- mysql安装图解(详细步骤),配置,相关图形工具介绍及使用,中文支持
- Red Hat linux的安装详细步骤
- DataStage在RedHat Linux Enterprise 3上安装详细步骤(二)
- DataStage在RedHat Linux Enterprise 3上安装详细步骤(一)
- 在 Windows 平台上安装 BugFree 的详细步骤
- vaware上安装Linux详细步骤(Slackware10.2)
- ArcSDE9.0 for Aix安装详细步骤
- 安装JPetStore详细步骤
- DataStage在RedHat Linux Enterprise 3上安装详细步骤(三)
- IIS安装的详细操作步骤;IIS下载地址;IIS光盘安装和配置的视频教程;IIS安装版本和系统的匹配
- SMS2003安装详细步骤
- 安装VMware tools详细步骤
- 在Linux下安装mysql详细步骤
- DataStage在RedHat Linux Enterprise 3上安装详细步骤(五)
- 在Ubuntu8.10下为PHP安装coreseek全文检索引擎支持的详细步骤