离子框架简介和安装与设置

离子框架

使用 Angular JS 和前端 Web 技术的跨平台移动应用程序开发框架。

官方网站 ： http ： //ionicframework.com/

文档 ： http ： //ionicframework.com/docs/

安装和设置

安装离子需要 NPM（节点包管理器）和 Cordova。

你可以从这里下载并安装 Npde JS，它带有 NPM 开箱即用。

要下载 Apache Cordova，你可以从命令行使用 NPM

npm install -g cordova

如果你已经拥有 NPM 和 Cordova，则可以使用以下命令从命令行安装离子框架。

npm install -g ionic

这将安装和设置离子框架，以便你从命令行使用它。

注意*根据你的系统环境，你可能需要使用管理员权限执行。

开始一个新项目

要启动新的 Ionic Framework 项目，你可以使用以下命令

ionic start myproject

要么

ionic start myproject [template_name]

模板：

Ionic 允许你使用一些内置模板创建项目

tabs（默认）：这将创建一个带标签视图的简单应用程序。

sidemenu：这将创建带侧边菜单的离子应用程序。

blank：将创建一个空白离子应用程序。

这将创建一个名为 myproject 的新文件夹，其中包含所有离子项目文件。

要在浏览器中测试项目，可以使用以下命令

ionic serve --lab

要么

ionic serve

运行模拟要首先在模拟器或手机上执行或测试应用程序，你必须添加平台，你可以使用以下命令

ionic platform [Platform Name]
ionic build [Platform Name]
ionic emulate [platform name]

平台名称你可以直接提到各个平台的 android 和 ios，你可以提到多个平台名称，也用空格分隔。

要运行你的应用程序，你可以使用

ionic run [platform name]

如需帮助，请使用

ionic --help

要么

ionic help

有关离子 cli 的详细说明，请参阅此链接 。

有关离子中可用的 CSS 组件，请参阅此链接 。

有关离子的 Javascript API 参考，请参阅此链接 。

为了更快地开发离子，你也可以尝试使用离子 Playground 。

离子框架好运…