zoukankan      html  css  js  c++  java
  • Ionic2 开发环境搭建

    Ionic2开发环境要求:

    Nodejs

    V4.5.0

    Nodejs自带

    Npm

    V2.15.9

    同上

    Ionic

    V2.1.0

    安装最新ionic即可

    Angular2

    V2正式版

    同上

    说明:以上版本号请务必对应,AngularJs每次更新都是断崖式更新,导致inoic写法多变。

    开发工具:

    VS CODE :V1.6.1(老版本对ts支持不是很好)

    ionic安装步骤:

    1. 安装上述版本的Node;

    2. 切换源:
    npm set registry https://registry.npm.taobao.org # 注册模块镜像
    npm set disturl https://npm.taobao.org/dist # node-gyp 编译依赖的 node 源码镜像
    npm cache clean # 清空缓存
    如果你的网络访问米国非常好可以跳过;

    3. 安装ionic,打开命令行输入:
    npm install -g ionic
    npm install -g cordova

    4. 然后新建项目,找到一个空地,在这个目录下执行:
    ionic start cutePuppyPics --v2
    这是个示例项目,安装要等很久;

    5. 运行该项目,进入到cutePuppyPics目录,执行:

    ionic serve
    会启动一个server,默认会打开浏览器访问8100端口,谷歌浏览器下效果最好。

    clip_image002 clip_image004 clip_image006

    可以随意点点,如果Tab都能点,说明环境没问题。

    Ionic目录说明:

    clip_image007

    App:系统初始化

    Model:自定义的实体类

    Pages:系统页面

    Providers:自定义服务

  • 相关阅读:
    CF526D Om Nom and Necklace
    POJ2406 Power Strings
    POJ3461 Oulipo
    luogu P1341 无序字母对
    UOJ 117 欧拉回路
    骑马修栅栏
    vimdiff env.txt export.txt set.txt
    Linux自动执行任务
    消灭 Bug!推荐5款测试员不可不知的bug管理工具!
    Bugzilla使用手册及解决方案
  • 原文地址:https://www.cnblogs.com/madyina/p/5970548.html
Copyright © 2011-2022 走看看