hyperv 发表于 2017-2-24 12:01:01

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端口,谷歌浏览器下效果最好。

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

  App:系统初始化
  Model:自定义的实体类
  Pages:系统页面
  Providers:自定义服务
页: [1]
查看完整版本: Ionic2 开发环境搭建