精华内容
下载资源
问答
  • ionic 安装

    2021-01-06 02:53:17
    ionic 安装 本站实例采用了ionic v1.3.2 版本,使用的 CDN 库地址: ionic 最新版本下载地址: 点击 “尝试一下” 按钮查看在线实例。 本教程着重讲解 ionic 框架的应用,大部分实例在浏览器中运行 ,移动设备上...
  • ionic安装

    2017-03-15 22:52:22
    ionic安装需要预先安装node.jsnode.js安装可以上官网下载地址、以及Node.js中文网 上下载,这里我选择的是在中文网上下载。下载总是下到一半就断了,K同学很机智地提出了把下载链接复制到迅雷上下载,如果遇到这种...

    ionic安装需要预先安装node.js

    node.js安装

    可以上官网下载地址、以及Node.js中文网 上下载,这里我选择的是在中文网上下载。

    下载总是下到一半就断了,K同学很机智地提出了把下载链接复制到迅雷上下载,如果遇到这种情况可以这么试试。

    可以根据菜鸟教程上的安装步骤及检验方法进行安装和测试,点击这里查看

    ionic安装

    windows下安装语句

    npm install -g cordova ionic

    国内安装遇到最多的坑就是链接半天下载不下来,一般采用镜像解决这种问题

    npm install -g cordova --registry https://registry.npm.taobao.org
    
    npm install -g ionic --registry https://registry.npm.taobao.org
    展开全文
  • Ionic安装

    2016-10-24 14:10:00
    环境安装安装Node.js,网址 www.nodejs.org 下载地址是:...安装一路Next,直至Finish即可。 安装Ionic 接下来正式安装Ionic,使用命令行工具: $ npm install -g ionic cordova ...
        

    环境安装

    先安装Node.js,网址 www.nodejs.org

    下载地址是:https://nodejs.org/en/download/current/, 如果不是请自行在官网上查找。安装一路Next,直至Finish即可。

    安装Ionic

    接下来正式安装Ionic,使用命令行工具:

    $ npm install -g ionic cordova
    

    如果没有管理员权限,可以使用sudo命令(linux下)。

    3332945-87a22fe0f7813fd7.png
    通过命令行窗口安装ionic cordova
    npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
    C:\Users\sunjipeng\AppData\Roaming\npm\cordova -> C:\Users\sunjipeng\AppData\Roaming\npm\node_modules\cordova\bin\cordova
    C:\Users\sunjipeng\AppData\Roaming\npm\ionic -> C:\Users\sunjipeng\AppData\Roaming\npm\node_modules\ionic\bin\ionic
    C:\Users\sunjipeng\AppData\Roaming\npm
    

    警告忽略了。

    关于墙国环境

    在Ionic的安装和后续维护中会大量使用到npm工具,虽然npm可以访问,但是速度感人,因此天朝新一代无产阶级程序员一般会给npm加一个国内的源。目前,使用最多的是淘宝的源。
    淘宝给nmp代理专门建立了一个网页:https://npm.taobao.org/,上面介绍了如何用替代工具cnpm来加速访问。
    不习惯使用cnpm的还可以按照传统方式给npm加源,有三种方法,三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在:
    1.通过config命令

    npm config set registry https://registry.npm.taobao.org
    npm info underscore (如果上面配置正确这个命令会有字符串response)
    

    2.命令行指定

    npm --registry https://registry.npm.taobao.org info underscore
    

    3.编辑 ~/.npmrc 加入下面内容

    registry = https://registry.npm.taobao.org
    

    推荐使用最后一种方法,一劳永逸,前面2钟方法都是临时改变包下载源.
    如果你不像使用国内镜像站点,只需要将 写入 ~/.npmrc 的配置内容删除即可。
    除了淘宝外,还有一个源: http://registry.cnpmjs.org。由于本人没有试过,就作为备用参考吧。

    创建Ionic项目

    $ ionic start MyIonic2Project tutorial --v2
    

    使用 start 命令,MyIonic2Project 这是项目名,tutorial是模版名,如果不指定该参数则默认使用tabs 模版,--V2说明使用ionic2。

    3332945-fa7f64be16d5ead4.png
    创建Ionic项目

    报错了undefined,先按提示用安装命令升级下cordova试试:

     npm install -g cordova
    
    3332945-cd0c05a1ad0568af.png
    安装更新cordova

    错误依旧,加上参数--verbose

    ionic start MyIonic2Project tutorial --v2 --verbose
    

    发现需要安装git和python2,安装后创建工程成功。

    3332945-bbf1817c8e45af36.png
    创建项目成功

    测试运行项目

    进入项目目录

    cd MyIonic2Project
    

    启动

    ionic serve
    

    启动过程需要一点时间,如下图所示:

    3332945-4f12052ba42b32f6.png
    启动过程

    启动后,在浏览器就能看到程序界面了:

    3332945-e09995280ae0cafd.png
    运行效果
    展开全文
  • node cordova ionic安装,使用代理安装超级简单
  • IONIC安装过程

    2017-04-26 17:06:28
    ionic 安装过程 安装过程可参考菜鸟教程以及gitbook上yanxiaodi的教程来安装; 具体操作关键步骤如下: 可按下面说明按步骤安装,首先必须安装最新版Nodejs以及JDK1.8 Ø 菜鸟教程:   以上安装过程中大...

    ionic 安装过程

    安装过程可参考菜鸟教程以及gitbook上yanxiaodi教程来安装;

    具体操作关键步骤如下:

    可按下面说明按步骤安装,首先必须安装最新版Nodejs以及JDK1.8

    Ø  菜鸟教程:

     

    以上安装过程中大概率会出现安装失败的情况,也可以把ionic和cordova分开来安装,

    若出现安装失败,毕竟资源全部在国外,你懂的;幸好有万能taobao;可直接设置淘宝镜像源,可以使用 cnpm 代替 npm;

    设置方式为:npm configset registry " https://registry.npm.taobao.org "(直接修改npm源)

    npm config list (查看npm设置),再通过以上方式安装即可;

     

    gitbook安装教程(较详细,推荐新手看)

    ionic安装

     

    CORdova安装


    同样安装失败依然设置npm源为淘宝镜像源;

    中途可根据自己需要设置node环境变量以及android环境变量

    成功安装后,;

    创建项目:

    打开 Node 命令行,首先cd 到项目目录,使用 start 命令来创建一个新App:

    ionic start MyIonic2Project tutorial --v2

    这个命令将下载项目模板,安装 npm modules,设置 Cordova 的相关信息。

    如果失败,有可能会出现以下信息:

    Creating Ionic app in folder E:\Workspaces\Ionic2\MyIonic2Project based on tutorial project
    Downloading: https://github.com/driftyco/ionic2-app-base/archive/master.zip
    [=============================] 100% 0.0s
    Downloading: https://github.com/driftyco/ionic2-starter-tutorial/archive/master.zip
    [=============================] 100% 0.0s
    Installing npm packages...
    Error with start undefined
    Error Initializing app: There was an error with the spawned command: npminstall
    There was an error with the spawned command: npminstall
    Caught exception:
     undefined
    Mind letting us know? https://github.com/driftyco/ionic-cli/issues

     

    这说明 npm 安装的时候失败了,可以 cd 到项目目录,使用之前设置过的 cnpm 命令:cnpm install
     

    直到最后输出类似以下信息,说明 npm modules 安装成功。

    All packages installed (319 packages installed from npm registry, use 2m, speed 37.49kB/s, json 659(4MB), tarball 1.07MB)

     

    添加Android,IOS平台

    ionic platform add android
    ionic platform add ios

     

    Build平台

    ionic build android
    ionic build ios

    此处可能会报错,错误信息如下;


    此处我的处理方式为:去掉之前的淘宝镜像源,build即可成功;(若不成功欢迎补充)

    查看之前设置NPM源命令为:npm config list

    找到npm源位置然后去掉即可,或者通过命令尝试(未尝试):npm config set registry ‘’

    Build时或许会提示JDK版本不对,替换对应即可;

    Emulate运行(模拟器运行)

    命令:
    ionic emulate ios
    ionic emulate android

    如果一切正常会弹出模拟器,界面如下所示:(界面根据自己项目内容展示)

     

     

    此处若出现问题,一般就是android模拟器或者ios模拟器配置不对或者未创建模拟器,创建即可;

    展开全文
  • ionic 安装步骤

    2016-07-16 11:19:22
    ionic 安装和创建项目命令

    ionic 安装步骤

    1、 进入淘宝镜像网页复制内容运行:
    npm install -g cnpm –registry=https://registry.npm.taobao.org
    2、 cordova ionic的安装
    cnpm install –g cordova ionic
    3、 新建一个带有Tabs导航模板项目,项目名为ionicProject
    运行:ionic start ionicProject tabs
    4、 创建好,在自己建好文件的目录下运行ionic serve,可以自动打开自己的项目的网页。
    运行 ionic serve

    展开全文
  • Ionic 安装部署

    2017-07-06 17:43:25
    Ionic 安装部署 准备工作 下载安装Node.js, JDK,Apache Ant,Android SDK;编辑器用WebStorm node jdk ant 均需要加进 环境变量path中 Android SDK,目前无法通过google直接下载,可以通过设置...
  • Ionic安装及环境搭建

    2021-05-08 10:54:28
    Ionic安装及环境搭建安装Node.js和NPM安装安装gitWindows下安装Mac OS安装Git安装Gulp和Bower安装安装Ionic CLI 与 Cordova安装结束 安装Node.js和NPM Node.js是让JavaScript脱离浏览器运行在服务器的一个平台,而...
  • Ionic 安装指南

    2017-10-20 22:50:31
    自己写的Ionic 环境配置指南,支持Windows10 及Mac 系统。介绍了Android Studio 和Xcode 如何联合编译Ionic项目。主要针对新的Ionic3 。同时也介绍了与GitHub相关的部分知识。
  • ionic安装失败或者cordova安装失败解决方法
  • 其实大体主要分两步:安装cordova和安装ionic 安装cordova 一,首先安装Ant(cordova工具生成android项目时,需要的编辑工具) 1,安装ant 到官方主页http://ant.apache.org下载新版(目前为Ant1.8.1)的ant,得到的...
  • Ionic安装打包调试.pdf

    2019-09-04 10:13:05
    Ionic项目案例详细描述了环境安装、项目打包、app调试
  • ionic安装以及执行步骤(先安装node.js,npm,cordova) 1.安装离子 npm install -g cordova ionic 2.创建一个新项目 ionic start myApp tabs 3.启动应用程序 ionic cordova start myApp tabs 4.运行你的应用...
  • ionic安装步骤

    2018-04-27 17:51:12
    1.安装Ionic和Cordova。$ npm install -g cordova ionic2.执行创建app目录ionic start yourAppName tabsyourAppName 为项目名称 3.在app目录下执行 cnpm install 看到All packages installed 就表示项目已经创建...
  • ionic安装和降低版本的方法

    千次阅读 2018-10-10 15:34:26
    1:安装完cordova跟ionic友,在公司跟家里都碰到了创建项目的时候,下载失败的情况。解决办法,安装指定的ionic版本;安装以前先卸载以前的安装; 卸载命令: npm uninstall -g ionic 安装命令: npm install -g ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,350
精华内容 3,340
关键字:

ionic安装