Ionic移动app开发：认识Ionic

Ionic移动app开发：认识Ionic

本篇介绍Ionic开发环境以及初始化Ionic App进行直观的了解：

• 开发环境的准备
• Ionic 及Cordova安装
• 创建第一个空模板Ionic App引用
• *跳转项目文件目录运行项目
• 项目结构

---

开发环境的准备

Ionic apps通过Ionic command line 进行创建与开发，使用Cordova进行build和deploy，因此需要安装一下必要的开发环境

• node.js LTS version of Node
• npm node包管理

使用node –version npm –version可以检查环境是否正确安装

Ionic 及Cordova安装

npm install -g ionic cordova

g 表明全局安装 
winodw环境需要使用cmd admin权限 Linux sudo权限

创建第一个空模板Ionic App引用

ionic start myApp blank 

跳转项目文件目录运行项目

cd myApp
ionic serve   --serve不是server

• 创建Ionic App项目
  
  
  • 项目结构
    
  • 运行效果