Ionic 软件包与 CDN
Ionic Framework 为 Angular、React、Vue 和 JavaScript 提供了 npm 软件包,同时还提供了用于快速原型的 CDN 链接。请选择下方您要使用的框架开始使用,或者使用 CDN 在浏览器中测试 Ionic Framework 组件。
Ionic Angular
开始一个新的 Ionic Angular 应用,或将 Ionic 添加到您现有的 Angular 项目中。
使用 Ionic CLI 创建一个新的 Ionic Angular 应用。
将 Ionic Angular 添加到现有的 Angular 项目中。
Ionic React
开始一个新的 Ionic React 应用,或将 Ionic 添加到您现有的 React 项目中。
使用 Ionic CLI 创建一个新的 Ionic React 应用。
将 Ionic React 添加到现有的 React 项目中。
Ionic Vue
开始一个新的 Ionic Vue 应用,或将 Ionic 添加到您现有的 Vue 项目中。
使用 Ionic CLI 创建一个新的 Ionic Vue 应用。
将 Ionic Vue 添加到现有的 Vue 项目中。
Ionic JavaScript
开始一个新的 Ionic JavaScript 应用。
使用 Vite 创建一个新的 Ionic JavaScript 应用。
Ionic Framework CDN
可以从 CDN 引入 Ionic Framework,以便在 StackBlitz、Plunker、Codepen 或任何其他在线代码编辑器中进行快速测试!
推荐使用 jsdelivr 从 CDN 获取框架。要获取最新版本,请在 HTML 文件的 <head> 元素内,或者在线代码编辑器中引入外部资源的位置添加以下代码:
<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css" />
通过这种方式,您无需安装任何框架即可使用所有 Ionic Framework 核心组件。CSS 包将包含所有 Ionic 全局样式表。
Ionicons CDN
Ionic Framework 默认已打包了 Ionicons,因此如果您正在使用 Ionic,就无需单独安装。要在不使用 Ionic Framework 的情况下使用 Ionicons,请将以下 <script> 标签放置在页面末尾,紧邻闭合的 </body> 标签之前。
<script type="module" src="https://cdn.jsdelivr.net/npm/ionicons/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/ionicons/dist/ionicons/ionicons.js"></script>
有关使用 Ionicons 的更多信息,请访问 Ionicons 文档。