Ionic2 开发环境搭建

时间:2021-09-11 10:57:01

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

Ionic2 开发环境搭建Ionic2 开发环境搭建Ionic2 开发环境搭建

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

Ionic目录说明:

Ionic2 开发环境搭建

App:系统初始化

Model:自定义的实体类

Pages:系统页面

Providers:自定义服务