zoukankan      html  css  js  c++  java
  • 【重要】ionic和Angular的安装步骤

    首先搭建好npm和node环境的最新版本安装::

    一:开始安装ionic:
    1. npm install -g ionic(全局安装ionic)
    2. ionic start 新建的项目名称 +模板样式 【创建的新项目+ 5选1模板样式】
    3. cd 新建的项目名称 (切换到--新建的项目名称目录下)
    4. ionic serve (启动服务)
    5. ionic build (打包ionic)


    //【新建项目时】,在ionic中提供了【5种多样的模板】:
    ionic start 新建的项目名称 + (可选参数---例tabs)
    1·tabs :一个简单的3选项卡布局
    2·sidemenu:侧面有可滑动菜单的布局
    3·blank:一个单独的启动器
    4·super:启动项目超过14个可以使用的页面设计
    5·tutorial: 一个引导项目


    //使用ionic命令生成一个【news新闻页面】 g:generate
    ionic g page news

    //使用ionic命令生成一个【news新闻模块】 g:generate
    ionic g component news


    总结:Ionic CLI 可以生成 :(例:ionic g page news--->指创建一个新的页面/组件 )
    pages, providers, tabs, pipes, components,directives等。


    二:首先搭建好npm和node环境的最新版本安装::

    开始安装 Angular::

    1·npm install -g @angular/cli (全局安装 Angular CLI)
    2·ng new 新建项目名称 (创建新项目)
    3·cd 新项目名称 (切换到新项目目录)
    4·ng serve --open 或者 ng serve --o(启动服务器)


    三:开始安装并使用typescript:

    1.使用npm安装::
    npm install -g typescript

    2.构建第一个typescript文件::

    命名为 test.ts文件,写入一下内容:

    function greeter(person) {
    return "Hello, " + person;
    }
    var user = "Jane User";
    document.body.innerHTML = greeter(user);

    3.编译 .ts文件:

    执行命令行输入: tsc test.ts
    可以自动将 test.ts文件转化为同名的 test.js文件


    4. 使用::

    创建有个html文件,引入test.js文件即可!!

    《敢想敢做,就敢于去实现它》 -----我的座右铭
  • 相关阅读:
    A Bug's Life-----poj2492(关系并查集)
    食物链--poj1182(并查集含有关系)
    How Many Answers Are Wrong----hdu3038(并查集)
    Parity game---poj1733
    使用FFmpeg类库实现YUV视频序列编码为视频
    JNA调用DLL函数遇到的几个问题
    从一个MFC工程移植对话框类到另一个MFC工程
    X264 输出的统计值的含义(X264 Stats Output)
    毕业生必知二三事。给即将毕业的师弟师妹看看,很有用的~~~~
    网络视频传输的服务质量(QoS)
  • 原文地址:https://www.cnblogs.com/chenhongshuang/p/8624331.html
Copyright © 2011-2022 走看看