Angular2学习笔记二(之创建ionic移动项目)

发布时间:2019-06-03 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Angular2学习笔记二(之创建ionic移动项目)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

ionic开发环境部署能从很多文档资料中获取,特别是官网也有权威的安装步骤,这里不再具体说明。这里以ionic2说明,大体说下安装步骤。

环境安装

1、安装NodeJs环境,从其官网下载最新的版本安装,安装过程略。

2、jdk环境安装,版本7.0+,不要问我怎么装。

3、AndROId SDK工具安装,安装SDK后,请安装现在主流的android sdk版本,安装过程看这里

4、安装cnpm工具,如果已经安装过cnpm,请跳过此步。

npm install -g cnpm --registry=https://registry.npm.taobao.org

5、全局安装ngcordova工具。

cnpm install -g cordova ionic

Angular2学习笔记二(之创建ionic移动项目)

Angular2学习笔记二(之创建ionic移动项目)

至此,创建ionic项目的环境已经安装好,下面的步骤将创建一个ionic app移动项目。

创建项目

1、创建一个web APP tabs项目,这里需要注意ionic2与ionic1.x版本项目创建命令的区别。

ionic start --v2 myApp tabs

2、正常情况下,执行第一步后,是会报错的(如果没报错说明你幸运)。

Installing npm packages...  
Error wITh start undefined  
Error Initializing app: There was an error with the spawned command: npminstall  
There was an error with the spawned command: npminstall

3、第一步的命令是官网给出的,命令无问题,问题出现在执行npm后无法访问国外库。所以我们的操作是只创建项目不创建依赖,命令如下。

ionic start --v2 myApp tabs --skip-npm

cd myApp

cnpm install --save

Angular2学习笔记二(之创建ionic移动项目)

Angular2学习笔记二(之创建ionic移动项目)

4、下面,我们来运行一个这个项目,执行下面的命令。

ionic serve

Angular2学习笔记二(之创建ionic移动项目)

Angular2学习笔记二(之创建ionic移动项目)

到这里,一个基于Angular2+cordova的ionic2项目已经创建完成,并已经看到运行界面。

参考资料

1、Ionic_2.x 手动搭建开发环境教程(nodejs,jdk,androidsdk)

2、ionic创建项目遇到Error Initializing app错误的解决办法

脚本宝典总结

以上是脚本宝典为你收集整理的Angular2学习笔记二(之创建ionic移动项目)全部内容,希望文章能够帮你解决Angular2学习笔记二(之创建ionic移动项目)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。