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]