IonicAngularCordova开发环境搭建

Posted 2021-04-26 一直走No1

在windows系统下，搭建跨平台的开发环境并创建一个安卓项目

1.安装node.js ，选择对应的版本下载安装

官方网址：http://nodejs.cn/

2.测试安装是否成功

win+r 键，打开运行窗口，输入cmd,然后确定，打开命令行窗口

输入node -v

**输出版本号，说明node.js安装成功

输入npm -v

**输出版本号说明npm可以使用，npm会随同node.js安装

3.安装TypeScript:

npm install -g typescript  

**参考： http://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html

4.安装Angular: 

npm install -g angular        

**参考： https://www.npmjs.com/package/angular

5.安装Ionic及Cordova： 

npm install -g ionic cordova       

**参考：http://ionicframework.com/docs/intro/installation/

6.新建一文件夹，并cd到该目录下：

例如：cd myfiles     

                                          

7.终端输入命令新建一个工程：

ionic start myApp blank 

或 ionic start myApp tabs

或 ionic start myApp sidemenu

8.cd到上面生成的项目目录下

9.在浏览器中调试app：

ionic  serve

10.将这个项目转换成iOS和Android平台：

ionic cordova platform add ios

ionic cordova platform add android

附：Android原生集成Ionic

https://github.com/alexyuan2013/notes/blob/master/Cordova-Ionic.md