ionic搭建并新建项目

Ionic是一个开源的移动应用程序开发框架，和angular同属前端架构。Ionic基于Web Components，具有更好的运行速度。它可以轻松地使用web技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用，混合app web页面。

同angular一样，ionic也是基于node.js安装的。

首先安装node.js。参考

然后使用node.js的npm命令工具安装ionic，使用命令在cmd窗口安装，命令如下:

npm install -g cordova ionic
or
cnpm install -g cordova ionic

查看安装是否成功

Ionic -v

输入命令出现下图版本号，表示安装成功。主要配置环境变量，这样你的ionic命令就可以在任何环境下使用了。 

     

新建一个ionic项目，选择你存放项目的文件夹。使用cmd命令新建一个项目。主要要在文件夹下使用下面命令。

打开cmd，使用命令转到你选择项目的文件夹下，我的文件是：F:\Git-study\ionic-test

F:                           // 转到F盘下

cd F:\Git-study\ionic-test   // 转到这个文件夹路径下

ionic start Library tabs     // 初始化(新建)一个带导航条项目

ionic start Library blank    // 创建一个空白项目

ionic start MenuApp sidemenu // 创建一个带菜单项项目

这是后你就会发下一个Library文件夹。

使用VScode打开，你就能看到一个新的项目。

如何运行查看新的项目，自己研究吧！