IONIC的简介及Node.js安装步骤

一.IONIC简介

1.IONIC是一个用来开发混合手机应用，开源的，免费的代码库。

2.优化html,css和js的性能，构建高效的应用程序；

3.用于构建Sass和AngularJS的优化。

4.这个框架的目的是从web的角度开发手机应用，给予PhoneGap的编译平台，可以实现编译成各个平台的应用程序。

5.IONIC提供很多CSS组件和JavaScript UI库；

6.IONIC可以支持定制Android和IOS插件，也支持服务端REST的敏捷开发；

二.IONIC的特点

1.基于Angular语法，简单易学；

2.是一个轻量级框架；

3.完美的融合下一代移动框架，支持Angularjs的特性，MVC框架，代码易维护；

4.提供了漂亮的设计，通过SASS构建应用程序，提供了很多UI组建来帮助开发者开发强大的应用；

5.专注原生，看不出混合应用和原生的区别；

6.提供了强大的命令行工具；

7.性能优越，运行速度快；

三.IONIC安装步骤

1.下载Node.js

   a.在搜索栏输入node.js下载，出现下列界面：

   点击图中红色框圈出的网址，进入Node.js的官网，如下图：

    如果你使用的是window系统，可以直接通国下面红色框圈出的进行下载，如果你是Linux或mac系统，可以点击上面圈出的download进行下载，下载页面如下图，根据自己操作系统型号进行下载即可。

2.安装node.js

a.下载完成后，进入下载页面，可以看到一个可安装程序图标，点击进行安装：

点击之后出现如下界面：

点击next进入下一步。

在下面的I accept the terms in the license Agreement打勾，点击next.

如果你不想安装在默认路径的话，点击change按钮更改路径，然后点击next.

点击install进行安装。

点击finish安装完成，安装完之后，文件夹目录如下图：

四.测试node.js是否安装成功

1.打开命令提示符窗口，输入cmd进入。

2.输入path查看node以及npm的环境路径是否配置完成，如果没有的话，需要手动配置。配置方式同jdk的环境变量配置方式。

注意查看图中红色边框圈出的路径是否出现（node.js的路径是自己的存储路径）

3.在命令行输入node -v查看版本号

4.在命令行输入npm -v查看npm版本号

5.新建一个文本文件，在文件中输入以下代码，然后将其保存为test.js.

var http = require('http');
server = http.createServer(function (req, res) {
       res.writeHeader(200, {"Content-Type": "text/plain"});
       res.end("Hello World\n");

      });

server.listen(8000);

console.log("httpd start @8000");

<img src="https://img-blog.csdn.net/20160622141501488?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

保存时，保存类型选择所有文件，最好将其保存在一个路径短一点的地方，便于一会儿的测试。

我保存之后，将其copy到了D盘根路径下。

6.打开命令提示窗口，在命令行输入以下命令：node test.js  可以看到一下结果：

7.打开浏览器，在浏览器中输入127.0.0.1:8000,出现以下结果，证明你的node.js安装成功

安装完node.js之后，接下来我们需要安装Apache-ant,安装过程请看下一篇博客。