美文网首页
MAC-搭建ionic开发环境

MAC-搭建ionic开发环境

作者: AndyRony | 来源:发表于2017-09-13 14:21 被阅读0次

       需要用到ionic做app的混合开发,如下整理了下关于ionic的环境搭建过程。Ionic 框架简单了解了一下,由于是基于Anjular.js的,拥有Anjular.js的一些独有特性。

简单整理一下自己的安装过程:

1.安装nodejs,可以去 https://nodejs.org/ 下载安装文件,安装运行即可。

安装完毕后,打开终端,执行命令“node -v”来查看nodejs的版本,也顺便试验nodejs是否安装成功。

2.终端上执行命令:$ sudo npm install -g cordova 安装cordova

3.终端上执行命令,$sudo npm install -g ionic 安装ionic,也可以用两行命令合在一起,$sudo npm install -g corvoda ionic

4.终端上执行命令,$ionic start myApp blank 新建一个空工程

   或者$ionic start myApp tabs 新建一个带tab框架的工程

   或者$ionic start myApp sidemenu 新建一个带侧边栏的工程

5、使用终端进入到自己的工程目录下,cd myApp

6、添加iOS 运行平台。$ionc cordova platform add ios

7、build编译指令  $ionic cordova build ios

8、在iOS模拟器上运行,$ionic cordova emulate ios 查看效果

相关文章

  • MAC-搭建ionic开发环境

    需要用到ionic做app的混合开发,如下整理了下关于ionic的环境搭建过程。Ionic 框架简单了解了一...

  • ionic环境搭建二

    ionic环境搭建二 上一篇介绍了翻墙搭建ionic环境,ionic,下面介绍国内环境搭建 一、国内环境安装主要是...

  • ionic 开始

    环境搭建 关于ionic的环境搭建,我这儿就不赘述了,详情移步官方文档PS:android,ios相关开发环境的搭...

  • ionic开发环境搭建

    APP开发环境的搭建 大致的开发步骤:安装node.js –安装Apache Cordova -安装Java JD...

  • Angular4+Ionic3-企业微信应用开发

    Angular4+Ionic3-企业微信应用开发 一、搭建Ionic3项目工程 (1)、配置环境: node安装:...

  • ionic环境配置和android打包签名

    环境搭建步骤 1、安装ionic开发环境 1.1、安装nodejs,这是为了使用npm来安装ant,cordova...

  • windows下搭建Ionic开发环境

    title: windows下搭建Ionic开发环境tags: 小书匠 来源: itwap.net作者: 词略时间...

  • 踩过的坑

    本篇博文长期更新, 收集了自己在搭建环境或开发时遇到各种各样的问题 ionic添加运行平台:ionic cordo...

  • ionic开发:第一个手机APP

    搭建好了ionic环境,那么你就应该尽快开始第一个手机APP的开发,不然你辛辛苦苦搭建的环境就浪费了。 说到开发,...

  • ionic的基本使用套路

    第一章: ionic介绍及环境搭建 ionic = Cordova + a...

网友评论

      本文标题:MAC-搭建ionic开发环境

      本文链接:https://www.haomeiwen.com/subject/cpnksxtx.html