ionic+cordova混合开发app【一、环境搭建】

APP开发采用ionic进行开发,ionic官网http://ionicframework.com/docs/。
开发软件采用Visual Studio,安装包百度下载即可。

版本
ionic 3.9.2
node v8.12.0
cordova 6.5.0

1、node简介:


1)Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。
2)详见:http://www.ibm.com/developerworks/cn/opensource/os-nodejs/,或查阅相关资料。

2、node及npm安装:


1)安装node.js:
进入官网:https://nodejs.org/en/,选择适合版本安装,node安装自带npm(node package manager)。
2)安装成功检查CLI(command-line interface):
node -v:查看当前node版本号
npm -v:查看当前npm版本号
3)使用npm安装插件 npm install <name> [-g] [--save-dev]:
<name>:node插件名称。
-g:全局安装,可以通过命令行在任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过require()调用。
--save:将保存配置信息至package.json。
-dev:保存至package.json的devDependencies节点
4)cnpm安装:
CLI:npm install cnpm -g --registry=https://registry.npm.taobao.org
因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的干了这事。 cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm(以下操作将以cnpm代替npm)。
5)node的升级:

3、cordova的安装:


1)cli:npm(cnpm) install -g cordova
安装指指定版本;cnpm install -g [email protected]
2)检查是否安装成功:cordova -v

4、ionic的安装:


1)npm install -g ionic
cnpm install -g [email protected]
2)检查:ionic -v

5、ionic官方文档解读:


1)百度‘ionic’
2)点击ionic Documentation,进入官网

6、安装安卓开发平台:


1)推荐安装android studio,集成android sdk的安装。
2)配置android sdk的环境变量,在path添加sdk的路径。

7、IOS开发平台:


1)安装xcode。
2)在命令行执行ionic info根据提示安装缺少的环境。

猜你喜欢

转载自blog.csdn.net/AninZz/article/details/84393676