ionic介绍以及ionic环境搭建

1.什么是ionic？

Ionic 是一个开源的移动应用程序开发框架，它可以轻松地使用 web 技术构建高质量的跨平台的移动应用。可以让我们快速开发移动 App、移动端 WEB 页面、微信公众平台应用，混合 appweb 页面等。

简单来说：ionic就是一个移动应用程序开发框架

2.ionic的安装运行

1.学习前准备工作

1、必须得安装 nodejs(建议安装最新的稳定版本)

2、必须有 Angular 基础：https://www.itying.com/goods-1047.html

2.安装 cordova ionic

npm install-gcordova ionic

3.创建项目:

ionic start myApp tabs

这样就ionic环境就搭建好了，在刚才建项目的目录下就有myApp一个文件夹就表示搭建成功了（ionic serve运行项目）

3.ionic myApp项目目录结构分析

e2e：端对端测试文件
node_modules ：项目所需要的依赖包
src：开发工作目录，页面、样式、脚本和图片都放在这个目录下
package.json: 配置项目的元数据和管理项目所需要的依赖
tsconfig.json: TypeScript 项目的根目录，指定用来编译这个项目的根文件和编译选项
tslint.json：格式化和校验 typescript

4.myApp src下面文件分析

app：应用根目录（组件、页面、服务、模块...）
assets：资源目录（静态文件（图片，js 框架...）
theme：主题文件，里面有一个 scss 文件，设置主题信息。
global.scss：全局 css 文件

index.html：index 入口文件
main.ts：主入口文件
test.js：测试相关的配置文件
polyfills.ts: 这个文件包含 Angular 需要的填充，并在应用程序之前加载

5.app 下面文件分析

6.app.module.ts分析

7.app-routing.module.ts分析

这里主要对ionic框架做了一下解释，希望能帮助到大家。

ionic介绍以及ionic环境搭建相关推荐

微信公众号Java开发-笔记01【微信公众号介绍、开发环境搭建】
学习网址:哔哩哔哩网站微信公众号开发-Java版微信公众号Java开发-笔记01[微信公众号介绍.开发环境搭建] 微信公众号Java开发-笔记02[] 微信公众号Java开发-笔记03[] 微信公 ...
python环境介绍_Python介绍以及Python环境搭建
Python介绍以及Python环境搭建 1.Python 发展历史 Python是由Guido van Rossum在八十年代末和九十年代初,在荷兰国家数学和计算机科学研究所设计出来的,据说是在圣诞 ...
【SpringBoot项目实战+思维导图】瑞吉外卖①(项目介绍、开发环境搭建、后台登陆/退出功能开发)
文章目录软件开发整体介绍软件开发流程角色分工软件环境瑞吉外卖项目介绍项目介绍产品原型技术选型功能架构角色开发环境搭建数据库环境搭建创建数据库数据库表导入数据库表介绍 Ma ...
Vue项目实战之人力资源平台系统（一）框架介绍及项目环境搭建
前言目录前言一.vue-element-admin简介二.项目环境搭建 2.1 nodejs环境 2.2 git版本控制 2.3 vscode编辑器三.拉取vue-element-admin ...
【STM32单片机学习】第三课：开发板介绍和Keil环境搭建
[朱老师课程总结侵删] 第一部分.章节目录 3.3.1.STM32开发板详细介绍 3.3.2.STM32开发板ISP下载原理分析 3.3.3.STM32F4的浮点运算单元 3.3.4.MDK5的开发 ...
【实战day01】软件开发整体介绍，项目介绍以及开发环境搭建
文章目录 1. 软件开发整体介绍 1.1 软件开发流程 1.2 角色分工 1.3 软件开发环境 2. 项目介绍 2.1 技术选型 2.2 功能架构 2.3 角色 3. 开发环境搭建 3.1 数据库开发 ...
黑马程序员-java介绍及开发环境搭建
---android培训java培训期待与您交流!---- 1.JAVA简介欢迎进入JAVA编程语言的世界! 由sun公开主导开发的一款语言,目前主要应用在企业级web和移动端开发.完全面向对象,并 ...
ionic platform add android环境搭建之难产【i1】【小白-2016.11.5】
最近几天都是研究这个ionic的安装,失败很多,最后成功了.原因是什么我也不知道,我可以把我所做的修改写下,大家可以尝试一遍修改,希望坚强地活下去. 首先错误大概是长这样子的!!! <span ...
Python介绍及编程环境搭建
1-1.Python简介: Python是一种解释型.面向对象.动态数据类型的高级程序设计语言.Python由Guido van Rossum于1989年底发明,第一个公开发行版发行于1991年.像P ...
C#CAD二次开发视频全套介绍及基础环境搭建
本人录制c#CAD二次开发视频基础入门全套,感兴趣可以淘宝搜索店铺 PT的cad小店 https://i.xue.taobao.com/detail.htm?spm=a2174.7765247.0. ...

ionic介绍以及ionic环境搭建

ionic介绍以及ionic环境搭建相关推荐

最新文章

热门文章