Ionic环境搭建

1、安装最新版node.js
https://nodejs.org/en/
2、安装 jdk (如果是打包成apk需要java环境)
http://www.oracle.com/technetwork/cn/java/javase/downloads/jdk8-downloads-2133151-zhs.html
配置好 jdk环境变量
3、安装android sdk - 为了简单,直接下载安装android studio开发工具就行,安装过程会让选择android sdk的路径,尽量选一个容易找到的不含中文目录的路径。
https://developer.android.com/studio/install.html
或者在android studio中文网下载
http://www.android-studio.org/

4、由于国内网络环境的问题,安装 淘宝npm镜像 (命令提示符尽量都使用以管理员身份运行的模式)
npm install -g cnpm
然后试一下cnpm -v看看有没有版本号出来,有则安装成功,
或者:第二种方式
npm--registry https://registry.npm.taobao.org

5、安装 typescript

cnpm install -g typescript

6、安装 ionic

cnpm install -g ionic cordova

7、新建一个ionic项目

ionic start myapp --skip-npm
Ionic环境搭建_第1张图片
Paste_Image.png

解释一下上面的语句,--skip-npm表示跳过npm installl package阶段
所以这次就不会有安装包相关的错误提示,但也没有真的完成创建,我们还需要进入myapp目录下(cd myapp),执行一次cnpm install --save
来安装包,没有报错即说明成功,此时可以使用ionic serve命令,在浏览器上看看我们的应用的界面效果了
貌似上面的skip没起作用,只好手动停止后进入目录再安装


Ionic环境搭建_第2张图片
Paste_Image.png

你可能感兴趣的:(Ionic环境搭建)