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

算法分
• 阅读 5497

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错误的解决办法

点赞
收藏
评论区
推荐文章
Wesley13 Wesley13
3年前
jdk_1.8安装与环境变量配置步骤详述
jdk安装分两种方式;一种是通过exe安装程序安装(安装程序可从官网下载);另一种是绿色版安装;绿色版安装即压缩包解压然后配置环境变量即可;以下为绿色版安装步骤;第一步:下载解压附件压缩包;网盘链接:https://pan.baidu.com/s/1ES6tfFUFecwwc6x0QXn78Q密码:i3fp第二步:配置环境变量1.右键电脑选择属
Stella981 Stella981
3年前
Python爬虫教程
本篇是介绍在Anaconda环境下,创建Scrapy爬虫框架项目的步骤,且介绍比较详细Python爬虫教程31创建Scrapy爬虫框架项目首先说一下,本篇是在Anaconda环境下,所以如果没有安装Anaconda请先到官网下载安装Anaconda
Stella981 Stella981
3年前
Linux下Matlab的安装
1概述笔者环境Manjaro,本来想直接通过yay安装的,但无奈失败了,于是直接从官网下载进行安装。2下载安装包Matlab官网可以戳这里(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.mathworks.com%2F),点
Stella981 Stella981
3年前
Django实战1
1项目开发环境语言环境:python3.6.2,django2.1.2数据库环境:sqlite3(开发环境使用,部署环境使用mysql5.6)开发工具:pycharm2安装python说明:已经安装过python3.6环境的可以跳过此步。python安装包下载地
Stella981 Stella981
3年前
Html5混合开发环境的H5牛牛平台搭建
工具:AndroidSDK,JavaJDK,Node.js,Cordova、Ionic、python;1、androd需要配置:jdk路径和sdk配置;jdk配置环境变量:JAVA\_HOME:jdk安装目录,如:F:\\Java\\jdk1.8.0\_11%JAVA\_HOME%\\bin;%JAVA\_HOME%\\jre\\bi
Stella981 Stella981
3年前
Ionic2 集成ECharts
在群里看到有人问怎么在Ionic2中集成ECharts来显示图表。当时答应说写个blog,简单写下步骤。在TypeScript中如果要使用第三方库,必须要有d.ts,也就是定义文件,没有这个文件的话TypeScript是认不出来的,无法编译通过。下面以百度的ECharts图表为例,演示一下使用第三方库的用法。1、安装ECHARTS首先需要使用np
Easter79 Easter79
3年前
Tensorflow开篇:环境安装2—tensorflow1.10.0
前提已经安装pyhon环境,具体可以参考Tensorflow开篇环境安装(python3.5.2)(https://my.oschina.net/zhys513/blog/edit/863579)tensorflow官网:http://tensorflow.google.cn/(https://www.oschina.net/action/Go
Stella981 Stella981
3年前
Robot Framework自动化框架搭建步骤(Python+Robot Framework+Eclipse)
RobotFramework自动化框架由PythonRobotFrameworkEclipse组成的,具体步骤如下:说明:安装主要分为两部分,第一部分是Python和robotFramework库的安装;第二部分是Eclipse中相关插件的安装,可以在eclipse中编写脚本,如果不想用eclipse编译环境,可以使用Ride图形化界面编译环境
Wesley13 Wesley13
3年前
mysql的下载
怎样从Mysql官网下载mysql.tar.gz版本的安装包原创 2016年10月20日21:06:4110854     今天学习在Linux上部署项目,用到了Mysql,因此想要下载适用于Linux的安装版本,在Mysql官网找了半天,终于找到怎样下载了,这里写出来,以
Stella981 Stella981
3年前
Linux编译安装python3
1.解决编译环境的,依赖环境,必须保证这里正确安装,方可执行后续步骤yuminstallgccpatchlibffidevelpythondevelzlibdevelbzip2developenssldevelncursesdevelsqlitedevelreadlinedeveltkdevelgdbmde
Stella981 Stella981
3年前
Ionic6使用组件出现错误:Did you add it to @NgModule.entryComponents
缘由在Ionic6和Angular8项目中使用组件时出现错误:Error:NocomponentfactoryfoundforLoginComponent.Didyouadditto@NgModule.entryComponents?在我的上一篇文章:移动开发:Ionic框架实现注册与登录功能(https:
算法分
算法分
Lv1
墙里秋千墙外道。墙外行人,墙里佳人笑。笑渐不闻声渐悄,多情却被无情恼。
文章
8
粉丝
0
获赞
0