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
至此,创建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
4、下面,我们来运行一个这个项目,执行下面的命令。 ionic serve
到这里,一个基于angular2+cordova的ionic2项目已经创建完成,并已经看到运行界面。 参考资料
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |