[TOC]
根据您使用的是Angular还是其他框架(或根本没有框架!),有不同的方法可以安装Ionic。
## 在Angular中使用Ionic
使用Angular时,请安装`@ionic/angular`包。它附带所有Ionic组件和Angular特定的服务和功能。
## 使用CDN的Ionic
不使用Angular?Ionic也可以直接从CDN使用,包括简单的脚本!
建议使用[unpkg](https://unpkg.com/)从CDN访问Framework。要获取最新版本,请在HTML文件`script`的`<head></head>`元素中添加以下标记:
~~~
< script src = “https://unpkg.com/@ionic/core@latest/dist/ionic.js” ></ script >
~~~
有了这个,就可以使用所有的Ionic组件,而无需安装任何东西。
> 这不会安装Angular或任何框架。这允许使用Ionic组件而无需安装任何东西。
## 来自CDN的Ionicons
如果您使用的是Ionic Framework,Ionicons默认打包,因此无需安装。想要在没有Ionic Framework的情况下使用Ionicons?将以下内容`<script>`放在页面末尾附近,即结束`</body>`标记之前,以启用它们。
~~~
< script src = “https://unpkg.com/ionicons@4.0.0/dist/ionicons.js” ></ script >
~~~
- 入门
- 介绍
- 什么是Ionic Framework?
- 核心概念
- 浏览器支持
- 版本
- 支持
- 安装
- CLI安装
- 程序包和CDN
- 环境设置
- iOS安装
- Android安装
- 建造项目
- 开始
- 创建
- 项目迁移
- 跨平台
- 运行概述
- 在iOS上运行
- 在Android上运行
- 测试
- 做出贡献的
- web视图
- ionic存储
- 布局
- 结构体
- 响应式网格
- CSS实用工具
- 主题化
- 基本
- 平台样式
- CSS变量
- 高级
- 导航
- Angular
- 编译和发布
- 渐进式Web应用程序
- iOS App Store
- Android Play商店
- PC桌面应用程序
- 常问问题
- 名词解释
- 构建错误 Build Errors
- 运行时错误 Runtime Errors
- 本机错误 Native Errors
- 开发人员提示 Developer Tips
- 更多资源
- 书籍
- 课程
- 实战项目
- 帖子
- 工具
- 视频
- UI组件
- 弹出式菜单 ion-action-sheet
- 弹出菜单控制器 ion-action-sheet-controller
- 弹出式菜单 ion-action-sheet
- 弹出警告 ion-alert
- 弹出警告控制器 ion-alert-controller
- 命令行 CLI
- 原生API
