ionic4学习笔记（一）--创建项目

最新推荐文章于 2020-09-29 22:19:02 发布
最新推荐文章于 2020-09-29 22:19:02 发布
阅读量668 收藏
点赞数
分类专栏： angular 前端 混合APP ionic
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/come0across/article/details/98493480
版权
前端 同时被 3 个专栏收录
54 篇文章 2 订阅
订阅专栏
angular
26 篇文章 0 订阅
订阅专栏
混合APP
15 篇文章 0 订阅
订阅专栏

1.首先要更新或者安装ionic cli

npm install -g ionic

2.创建项目

ionic start ionic-test

ionic-test是创建的项目名称

安装后会提示选择
1.blank: 只有一个页面的空项目
2.tabs: 带了下方切换页面按钮的项目
3.sidemenu: 带了侧边菜单的项目

3.项目跑起来

npm run start
打开 http://localhost:4200
在这里插入图片描述

盼盼盼
关注
专栏目录
创建ionic4项目
ZYYzyy1993的博客
08-24 184
一、搭建ionic环境，创建ionic项目 1、必须安装nodejs （最新稳定版本） 2、npm i -g cordova ionic / cnpm i -g cordova ionic node -v 12.18.2 npm -v 6.14.5 cordova -v 8.1.1 ionic -v 4.10.2 安装特定版本 npm ins...
GitHub热门开源项目-2024版
最新发布
生活在别处
07-15 939
前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。中英文敏感词、语言检测、中外手机/电话归属地/运营商查询、名字推断性别、手机号抽取、身份证抽取、邮箱抽取、中日文人名库、中文缩写库、拆字词典、词汇情感值、停用词、反动词表、暴恐词表、繁简体转换、英文模拟中文发音、汪峰歌词生成器、职业名称词库、同义词库、反义词库、否定词库、汽…互联网 Java 工程师进阶知识完全扫盲：涵盖高并发、分布式、高可用、微服务、海量数据处理等领域知识。各取所需，高效学习。
ionic4创建新项目
weixin_30516243的博客
07-11 292
1、安装node.js(最新稳定版本) 2、安装cordova ，npm install -g cordova 3、安装ionic，npm install -g cordova ionic 4、创建ionic项目。ionic start mpApp tabs 5、在项目进行npm i的时候按一下ctrl+c结束，cd到刚才的项目目录 cd myApp 进行安装依赖，cnp...
Ionic4 新建项目
qq_38769873的博客
03-17 390
1、ionic start 项目名 tabs(tabs按自己需要选择)--type=angular 2、cd 项目名 3、ionic serve
Ionic4基础--安装和创建项目
吕阿蒙的博客
06-12 542
1、Ionic 介绍 Ionic是一个开源的移动应用程序开发框架，它可以轻松地使用web技术构建高质量的跨平台的移动应用。 可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用，混合app web页面等。 Ionic4.x以后在Angular、Vue、React基础上面做了一些封装，让我们可以更快速和容易的开发移动的项目。Ionic调用原生的功能是基于C...
构建我的第一个Ionic项目
WarmPure
06-12 2792
一、下载安装Node.js 下载地址：https://nodejs.org/en/，安装后输入以下命令查看版本号： C:\Users\p0090268>node -v v6.11.0 C:\Users\p0090268>npm -v 3.10.10二、安装Ionic 输入以下命令安装Ionic： npm install -g ionic如果之前安装过其他版本的话，需要先卸载： npm
ionic4学习笔记（四）--自定义公共模块
盼盼盼的博客
08-06 926
在angular中，我们都是自定义组件来使用，但是ionic4之后，沿用了angular的模块化思想，使用懒加载的方式加载页面，每个页面都是一个模块，要是继续创建组件的话，不能在多个模块中引用同一组件，所以我们要把模块创建为组件，让模块来引用模块。 创建一个tabs项目，在项目中执行命令 ionic g module module/list ionic g component module/lis...
大前端学习笔记 -- NuxtJS项目案例--RealWorld（Nuxt脚手架创建项目、Git Actions自动发布和PM2部署）
爱玲姐姐的博客
09-29 2848
NuxtJS项目案例–RealWorld（创建Nuxt项目、Git Actions自动发布和部署） 一、案例项目realworld介绍 1. 案例项目介绍 案例名称：RealWorld 这是一个开源的学习项目，目的就是帮助开发者快速学习新技能。 GitHub仓库：https://github.com/gothinkster/realworld 在线实例：https://demo.realworld.io/ 2. 案例相关资源 页面模板：https://github.com/gothinkster/real
note_aja:Note Aja是一个使用Ionic React创建的记事应用程序（学习当前工作
03-30
4. **Ionic Capacitor**: 作为 Ionic 的原生运行时，Capacitor 允许开发者将应用部署到iOS、Android以及Web平台，并提供了与原生设备API交互的能力，如访问本地存储来保存笔记数据。 5. **移动应用设计原则**: 项目...
NoteApp-IONIC:注意应用程序使用离子
05-14
总之，NoteApp-IONIC项目是学习和实践Ionic框架以及JavaScript移动开发的一个理想示例。通过它，开发者不仅可以深入了解Ionic的组件和特性，还能掌握如何使用JavaScript构建功能完备的移动应用。同时，此项目也可以...
练手 新建项目ionic4及出现的问题
qq_36257356的博客
01-29 789
之前都是用的ionic3，前几天查看官方文档的时候发现文档变了，有些在3那里不能用，顺便就新建个ionic4项目来试试 根据官网：新建 ionic start myApp tabs --type=angular  到最后 ionic serve 报了错： 还是没找到原因，按照往常一样打开http://localhost:8100是一片空白，找了找问题没有搜到一星半点，自己尝试在...
Ionic4学习笔记之从创建到打包
u010055330的博客
11-06 5100
Ionic4学习笔记Ionic4项目从创建到打包开发环境开发工具项目创建项目启动添加Android平台打包成APKAPK签名完成 Ionic4项目从创建到打包 记录Ionic4项目从创建到打包的一系列步骤。 开发环境 以windows10例： Nodejs v10.13.0； Npm 6.4.1； Ionic 4.3.1； npm install ionic -g Cordova； n...
ionic4 如何安装和创建项目
阿杰
04-18 1569
ionic4的安装过程以及新建一个项目 一、安装过程 1.准备 1)必须得安装 nodejs (建议安装最新的稳定版本) 2)必须有 Angular 基础：https://www.itying.com/goods-1047.html 2.安装环境，cordova ionic 1）以管理员身份运行命令行工具 2）然后输入 npm install -g cordova ionic 3.创建项目 i...
基于ionic4、cordova搭建android开发环境
热门推荐
simple__dream的博客
08-27 1万+
基于ionic4、cordova构建android应用，并编译生成apk应用。
Angular4创建第一个项目
熙熙小学姐
01-15 1057
【背景】 最近在学习Angular，刚接触一个东西最好的方法当然是多多的敲小demo了。 【步骤】 1.设置开发环境 在开始工作之前，我们必须设置好开发环境。 如果你的机器上还没有Node.js®和npm，请先安装它们。 请先在终端/控制台窗口中运行命令 node -v 和 npm -v， 来验证一下你正在运行 node 和 npm 的版本。 然后全局安装Angular...
ionic4（一）：安装、测试、及打包
七刀的专栏
01-07 4738
操作系统：win10 一、卸载之前的ionic、npm、NodeJS等 因为之前版本是ionic3  npm出问题了，用命令卸载不掉，所以暴力卸载    1. 删除npm文件夹和npm-cache   2.卸载NodeJS 二、安装NodeJS、npm、 ionic 、Cordova 下载安装：地址 安装NodeJS后，命令升级npm，命令安装 ionic 、Cordova 安...
Ionic4打包踩坑全教程
Aran
03-24 3686
参考链接：基于ionic4、cordova搭建android开发环境 看完参考链接的文档后，相信你已经对接下来要进行的步骤有所了解,，接下来开始安装（所有的操作以管理员身份打开powershell进行操作） 第一步：安装node.js 第二步：安装ionic cli a) npm install g ionic 第三步：ionic安装成功后在powershell中创建ionic项目并运行 第四步...
Ionic4 环境搭建
脚踏实地，仰望星空
10-29 1277
ionic在内网环境新建项目一直卡住等问题的解决
DerWeltraum
06-19 1687
最近因为公司业务需求，我在使用ionic开发跨平台应用。在搭建环境的过程中出现了各种问题，我在这里一一列举，希望可以对大家有所帮助。 新建项目一直卡住： ionic start myApp tabs 执行上面命令后，一直卡在如下步骤： downloading and extracting 安装node-sass一直报红 报错如下： npm ERR! node-sass@4.12.0 p...
深入学习Ionic框架打造photo-gallery项目
资源摘要信息:"前端-ionic-官网教程学习项目photo-gallery" Ionic是一个专注于开发跨平台移动应用的开源框架，使用Web技术（HTML、CSS和JavaScript）来构建移动应用。Ionic以其简洁的API、美观的用户界面和强大的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值