美文网首页
Ionic环境搭建

Ionic环境搭建

作者: 漫漫江雪 | 来源:发表于2017-01-12 20:55 被阅读0次

    1、安装最新版node.js
    https://nodejs.org/en/
    2、安装 jdk (如果是打包成apk需要java环境)
    http://www.oracle.com/technetwork/cn/java/javase/downloads/jdk8-downloads-2133151-zhs.html
    配置好 jdk环境变量
    3、安装android sdk - 为了简单,直接下载安装android studio开发工具就行,安装过程会让选择android sdk的路径,尽量选一个容易找到的不含中文目录的路径。
    https://developer.android.com/studio/install.html
    或者在android studio中文网下载
    http://www.android-studio.org/

    4、由于国内网络环境的问题,安装 淘宝npm镜像 (命令提示符尽量都使用以管理员身份运行的模式)
    npm install -g cnpm
    然后试一下cnpm -v看看有没有版本号出来,有则安装成功,
    或者:第二种方式
    npm--registry https://registry.npm.taobao.org

    5、安装 typescript

    cnpm install -g typescript
    

    6、安装 ionic

    cnpm install -g ionic cordova
    

    7、新建一个ionic项目

    ionic start myapp --skip-npm
    
    Paste_Image.png

    解释一下上面的语句,--skip-npm表示跳过npm installl package阶段
    所以这次就不会有安装包相关的错误提示,但也没有真的完成创建,我们还需要进入myapp目录下(cd myapp),执行一次cnpm install --save
    来安装包,没有报错即说明成功,此时可以使用ionic serve命令,在浏览器上看看我们的应用的界面效果了
    貌似上面的skip没起作用,只好手动停止后进入目录再安装


    Paste_Image.png

    相关文章

      网友评论

          本文标题:Ionic环境搭建

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