zoukankan      html  css  js  c++  java
  • ionic安装

     对于ionic的安装大多网站都有介绍,我自己也试着安装过,但在安装中也是出现了不少的bug,在别人的指导中把顺利的安装完成,其中也是花费了不少时间。我将安装过程简单的记录下来,在下次的安装中方便借鉴。但估计还是会有bug的。废话不多说了,下面就是自己又尝试安装过了的过程

     
    1、首先安装 node.js  因为ionic2非常喜欢追求最新版本的项目  所以推荐所有工具使用最新版本。
    node.js官网下载
     
    安装完成后终端查看 版本号 node -v    npm -v
     
    2、安装ionic 终端输入  nom install -g ionic 或者如果使用了 淘宝镜像源可以使用cnpm代替nom
    如果之前安装过ionic2 的beta版本 必须要先卸载
    npm uninstall -g ionic 
    之后重新安装
    查看ionic版本号
    ionic -version
    不要安装beta版本 安装最近版就行
     
    之后安装Cordova
    npm install -g cordova
     
    //查看版本号
    cordova -version
     
     
    3、安装JDK
    如果要编译到Android平台 需要安装JDK  下载最新JDK
    如果是windows电脑  需要配置环境变量
    设置系统变量名称
        JAVA_HOME
        值填写安装路径
    在path中添加
        %JAVA_HOME%in
     
    查看版本号 
    java -version
     
    javac -version
     
    3.5、安装Android SDK
    安装成功后配置环境变量
    名称: ANDROID_HOME
    值:   路径
     
     
    4、创建项目
    首先cd到项目目录使用start 命令创建一个新的App
    ionic start MyIonic2Project tutorial --v2
    这个命令将要下载项目模板 安装npm modules 
    tutorial  参数的意思是下载tutorial 模板来初始化项目如果不指定这个参数
    默认会使用tabs 模板  亦或者 加一个blank参数 这样可以创建一个空白项目,但是—v2 必须要有 不然会建立一个v1.x版本的项目
     
    5、在终端cd到项目文件夹下 运行
    ionic serve
    浏览器会打开一个地址为http://localhost:8100的窗口
     
    在过程中用到了淘宝像镜,下面是命令,把淘宝像镜的命令输进终端中
    因为国内的网络环境原因,在下载npm包的时候经常会遇到无法正常下载的情况。国内淘宝推出了 npm 镜像,这是一个完整的 npmjs.org  镜像,同步频率为10分钟一次,保证与官方服务同步。
     
    npm install -g cnpm --registry=http://registry.npm.taobao.org
     
     
     
  • 相关阅读:
    C# vb .net实现淡出效果特效滤镜
    <<薪资至少10K的一道题,你能拿下吗>>练习
    职场生存规则--水
    简单摸拟电梯程序
    回收期计算
    徒手写汉诺塔
    没有方法的算法代码
    听说是阿里笔试题
    工作任务的分解
    纯吐槽,关于现在的一些混乱情况.
  • 原文地址:https://www.cnblogs.com/zhaoyong1/p/6915138.html
Copyright © 2011-2022 走看看