博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angular2学习笔记二(之创建ionic移动项目)
阅读量:6815 次
发布时间:2019-06-26

本文共 913 字,大约阅读时间需要 3 分钟。

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

clipboard.png

clipboard.png

至此,创建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-npmcd myAppcnpm install --save

clipboard.png

clipboard.png

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

ionic serve

clipboard.png

clipboard.png

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

参考资料

转载地址:http://mvdzl.baihongyu.com/

你可能感兴趣的文章
Hadoop集群的配置(一)
查看>>
Kafka 学习笔记之 Consumer API
查看>>
教程-Close、Halt、terminate、ExitProcess的区别
查看>>
10款很好用的 jQuery 图片滚动插件
查看>>
teacher forcing
查看>>
Linux命令小记
查看>>
基于ROS和beaglebone的串口通信方式,使用键盘控制移动机器人
查看>>
android.view.WindowLeaked的解决办法
查看>>
存储过程的笔记
查看>>
OpenCV学习(27) 直方图(4)
查看>>
深度学习原理与框架-Tensorflow基本操作-实现线性拟合
查看>>
[leetcode-168-Excel Sheet Column Title]
查看>>
SpringBoot和数据库连接
查看>>
二叉搜索树
查看>>
网页小技巧-360doc个人图书馆复制文字
查看>>
delete删除-some
查看>>
maven阿里云中央仓库
查看>>
15.12.14listbox列表框
查看>>
sql 行转列
查看>>
(转)Python新手写出漂亮的爬虫代码1——从html获取信息
查看>>