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

最新推荐文章于 2020-10-20 18:41:03 发布
原创 最新推荐文章于 2020-10-20 18:41:03 发布 · 709 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍如何使用 Ionic CLI 创建并运行一个基本的 Ionic 项目。包括安装 Ionic CLI，选择项目模板，以及启动项目的步骤。

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 249
一、搭建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...
ionic4学习笔记（五）--消息推送JPush
盼盼盼的博客
08-13 2302
1.在极光官网注册、登录、创建应用 极光推送官网地址 应用名称要与config.xml一致 2.安装插件 cordova plugin add jpush-phonegap-plugin --variable APP_KEY=your_jpush_appkey //your_jpush_appkey是应用信息的AppKey npm install --save @jiguang-ionic/j...
ionic4创建新项目
weixin_30516243的博客
07-11 334
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 741
1、ionic start 项目名 tabs(tabs按自己需要选择)--type=angular 2、cd 项目名 3、ionic serve
Ionic4基础--安装和创建项目
吕阿蒙的博客
06-12 595
1、Ionic 介绍 Ionic是一个开源的移动应用程序开发框架，它可以轻松地使用web技术构建高质量的跨平台的移动应用。 可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用，混合app web页面等。 Ionic4.x以后在Angular、Vue、React基础上面做了一些封装，让我们可以更快速和容易的开发移动的项目。Ionic调用原生的功能是基于C...
构建我的第一个Ionic项目
WarmPure
06-12 2860
一、下载安装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.x 学习笔记（一） —— 介绍、结构、页面、tabs、路由、模块、组件
Lyrelion的博客
10-20 1039
目录 一.Ionic 介绍及环境搭建 1.1 Ionic —— 移动应用程序开发框架 1.2ionic Packages 1.3Ionic 安装运行 二.Ionic 目录结构分析 2.1 项目目录结构分析 2.2 src 目录结构分析 2.3 app.module.ts 分析 三.新增页面、新增tabs、路由跳转、自定义公共模块、组件 3.1 Ionic4.x 创建页面 3.2 Ionic4.x 路由跳转 3.3Ionic4.x 新增底部 tabs 3.4Ionic4.x...
大前端学习笔记 -- NuxtJS项目案例--RealWorld（Nuxt脚手架创建项目、Git Actions自动发布和PM2部署）
爱玲姐姐的博客
09-29 3077
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. **移动应用设计原则**: 项目...
基于Ionic React的记事应用Note Aja学习项目
在数据管理方面，由于这是一个学习性质的项目，很可能并未接入后端服务器或云数据库，而是采用浏览器提供的本地存储机制，如 **localStorage** 或 **IndexedDB** 来保存笔记数据。这种方式虽然不具备多设备同步能力...
练手 新建项目ionic4及出现的问题
qq_36257356的博客
01-29 836
之前都是用的ionic3，前几天查看官方文档的时候发现文档变了，有些在3那里不能用，顺便就新建个ionic4项目来试试 根据官网：新建 ionic start myApp tabs --type=angular  到最后 ionic serve 报了错： 还是没找到原因，按照往常一样打开http://localhost:8100是一片空白，找了找问题没有搜到一星半点，自己尝试在...
Ionic4—项目创建、命令行编译打包
雷雨天的雷胖子
10-29 964
目录 一、概述 二、生成Ionic工程目录 三、启动项目 四、编译打包 一、概述 Ionic项目主要通过Ionic命令行工具CLI来创建和开发，并使用Cordova来构建和部署为原生应用程序。 二、生成Ionic工程目录 下载Ionic框架源码时，若出现依赖包下载失败的情况，可以尝试以管理员身份运行命令行窗口，确保npm依赖包的位置和node缓存的位置不在C盘，否则会报权限问题。公...
ionic4 如何安装和创建项目
阿杰
04-18 1714
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学习笔记之从创建到打包
u010055330的博客
11-06 5144
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、cordova搭建android开发环境
热门推荐
simple__dream的博客
08-27 1万+
基于ionic4、cordova构建android应用，并编译生成apk应用。
Angular4创建第一个项目
熙熙小学姐
01-15 1117
【背景】 最近在学习Angular，刚接触一个东西最好的方法当然是多多的敲小demo了。 【步骤】 1.设置开发环境 在开始工作之前，我们必须设置好开发环境。 如果你的机器上还没有Node.js®和npm，请先安装它们。 请先在终端/控制台窗口中运行命令 node -v 和 npm -v， 来验证一下你正在运行 node 和 npm 的版本。 然后全局安装Angular...
输入【ionic start myApp tabs】命令创建项目时失败
rimuweinuan_的博客
11-12 1258
一、查看node-sass是否安装成功 在node_modules文件夹中看是否有node-sass 如果没有，输入【npm install node-sass】 二、查看@ionic/app-scripts 在node-modules/@ionic文件夹中看是否有app-scripts 如果没有，输入【npm install @ionic/app-scripts@latest ...
Ionic4 环境搭建
脚踏实地，仰望星空
10-29 1404
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值