首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在我的机器中同时保存ionic 3和ionic 4版本

在您的机器中同时保存Ionic 3和Ionic 4版本,您可以按照以下步骤进行操作:

  1. 首先,确保您已经安装了Node.js和npm(Node包管理器)。您可以在官方网站上下载并安装Node.js:https://nodejs.org/
  2. 打开命令行界面(例如Windows的CMD或Mac的终端),运行以下命令来安装Ionic CLI(命令行界面工具):
  3. 打开命令行界面(例如Windows的CMD或Mac的终端),运行以下命令来安装Ionic CLI(命令行界面工具):
  4. 创建一个空的目录,用于保存Ionic项目。在命令行中切换到这个目录,然后运行以下命令来创建一个Ionic 3项目:
  5. 创建一个空的目录,用于保存Ionic项目。在命令行中切换到这个目录,然后运行以下命令来创建一个Ionic 3项目:
  6. 这将创建一个名为"myIonic3App"的Ionic 3项目。
  7. 切换到刚创建的Ionic 3项目的目录:
  8. 切换到刚创建的Ionic 3项目的目录:
  9. 运行以下命令来安装Ionic 4的CLI:
  10. 运行以下命令来安装Ionic 4的CLI:
  11. 在同一个目录下运行以下命令来创建一个Ionic 4项目:
  12. 在同一个目录下运行以下命令来创建一个Ionic 4项目:
  13. 这将创建一个名为"myIonic4App"的Ionic 4项目。

现在,您的机器上同时保存了Ionic 3和Ionic 4版本的项目。

请注意,Ionic 3和Ionic 4是不同的版本,它们使用的CLI和项目结构也有所不同。在同一个目录下保存两个版本的项目可能会导致冲突和混乱,建议将它们保存在不同的目录下以避免问题。

关于Ionic 3和Ionic 4的详细介绍和使用说明,请参考以下链接:

  • Ionic 3官方文档:https://ionicframework.com/docs/v3/
  • Ionic 4官方文档:https://ionicframework.com/docs/
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Ionic2 坑の补充

【注:博主这次使用是国内镜像】 1、ionic2创建项目的坑: 这是在使用ionic start xxx --v2 时候下载好对应目录同时,在项目建成最后,会显示如下错误提示... 2、ionic2第一次build项目的坑:在第一次build项目的时候,会从maven上下载相关cordovalibgradlelib,这个时候会因为国内问题...我们接下来要弄清楚是我们需要改哪里,这里在网上很少提到,从研究目录过后,整个building过程了解到以下两个目录build.gradle文件需要改动。 1、.....4、关于cordova版本坑:在新node版本下,cordova已经更新到6.5.0版本,这个时候在ionic 项目创建时候系统会提示: ionic运行时提示.png...这里表达你cordova版本ionic 需要cordova编辑版本不同,这个时候只需要先删除本机器cordovanpm uninstall -g cordova然后再下载6.0.0

1.6K20

Windows下Ionic 开发环境搭建

听起来还是很诱人,事实上这也是目前最火一种 Hybrid APP 开发方式。 接下来介绍如何在 Windows 下搭建 Ionic 开发环境。...,然后将改文件夹内bin文件夹路径添加至系统 Path 环境变量存放在 C 盘 Program Files 目录下则 Path 添加如下值 C:\Program Files\apache-ant...下载完成并安装然后向系统Path环境变量添加两个值。分别是 Android SDK tools 目录路径 platform-tools 路径。...注意:这里下载纯净版 SDK 之前并没有任何 Android 系统在内,所以同 Platform-tools 一样需要在这里勾选需要版本然后安装。这里至少需要有一个系统,否则无法创建虚拟机。...nmp 安装 Ionic Cordova 完成以上几步需要配置环境就搭建完成了,接下来就只需要在控制台输入简单几行命令就可以安装 Ionic Cordova 啦。

3K30
  • 左手Ionic,右手年华

    其实,在使用Ionic前,移动端JS框架,尝试使用过Jquery Mobile(JM)、Sencha Touch(ST),JM坑很多,而ST相对好一些,但是性能有很大问题,文件体积过大、内存占用过大等...然后v2、v3、v4一路走来,见证了Ionic成熟,也见证了其它混合式开发框架诞生崛起。...版、VueReact版还有较长一段路要走),而且相对Ionic3来说,性能更加优化、机制更合理,同时两者间差异不算变化很大,可以很好过渡(仅限于技术过渡,而不是旧项目过渡),对于新项目的选型,可以考虑...其实如果Ionic3时,是采用Ionic4技术线条,而Ionic4是下一个新技术,那一定比现在更成功。...一些从Ionic3过渡到Ionic4的人仍旧以Ionic3思维去做开发,抱怨这个Ionic3可以,怎么到Ionic4不行?

    1.7K20

    ionic2.0 beat37 安装 原

    https://nodejs.org/dist/latest-v5.x/          下载里面的node-v5.12.0-x64.msi 或者node-v5.12.0-x86.msi 区别是32位机器...下载后点击下一步一步步安装,安装完nodejs npm也同时安装完成 (2)新建ionic 文件夹,并在控制台进入此文件夹           假如在e:盘建个ionic文件夹,敲cmd打开控制台...,输入e:回车,接着输入cd ionic,进入ionic文件夹 (3)安装ionic           输入命令npm install -g ionic@beta           电脑这步怎么都安装不成功...,在网上查找,安装ionic之前先输入命令npm config set proxy null (4)在ionic文件夹start ionicdemo2,            ionic start...ionicdemo2 --v2  ( 5 ) 然后启动模板页要在控制台上进入 ionicdemo2    输入ionic serve ionic $ q  关闭服务 如果在ionic文件夹没有

    46830

    构建具有用户身份认证 Ionic 应用

    OIDC 允许你直接使用 Okta Platform API 进行认证,本文目的就是告诉你如何在一个 Ionic 应用中使用这些 API。...喜欢使用 Ionic发现使用 Ionic 移植现有的应用程序更多就是修改 HTML 调整 CSS。 Ionic 2 在 一月份发布, 可以使用 Angular 开发 Ionic 应用。...Ionic 3 在 四月份发布,允许使用 Angular 4 进行开发。 注意: "Angular" 是 Angular 2+ 通用名称。AngularJS 是 1.x 版本名称。...本文会演示如何创建一个简单 Ionic 应用以及如何添加用户身份认证。大多数应用都需要身份认证,这样才能知道用户是谁。一旦 app 知道你身份,它就可以保存信息及个性化功能。...另外,关于如何在后端 Auth 服务验证用户身份文档也不多。

    23.8K00

    Ionic4Ionic3部分比较

    其实,Ionic2Ionic3差别不大,而ionic4则变化比较大了,它支持angular、vue、react或其它任意js框架,甚至不使用js框架,它更像一个纯粹UI库。...外,多了Capacitor选择,此外,创建Angular版本ionic4项目的命令是这个(注意:带参数。...image.png 二、路由差异 也许Ionic 4最显着变化,以及需要对现有应用程序进行最大改变变化,是转向Angular风格路由。...三、组件指令变更 Ionic为了更通用化,把原来指令调整为更通用标准属性方式,icon-right调整为slot="end", large变成size="large",<button ion-button...变化还是蛮大,旧ionic3项目不太适合升级为ionic4,至于还学不学得动,自己考量吧,觉得用vue+ionic4也是挺好玩

    6.9K10

    构建具有用户身份认证 Ionic 应用

    OIDC 允许你直接使用 Okta Platform API 进行认证,本文目的就是告诉你如何在一个 Ionic 应用中使用这些 API。...喜欢使用 Ionic发现使用 Ionic 移植现有的应用程序更多就是修改 HTML 调整 CSS。 Ionic 2 在 一月份发布, 可以使用 Angular 开发 Ionic 应用。...Ionic 3 在 四月份发布,允许使用 Angular 4 进行开发。 注意: "Angular" 是 Angular 2+ 通用名称。AngularJS 是 1.x 版本名称。...本文会演示如何创建一个简单 Ionic 应用以及如何添加用户身份认证。大多数应用都需要身份认证,这样才能知道用户是谁。一旦 app 知道你身份,它就可以保存信息及个性化功能。...另外,关于如何在后端 Auth 服务验证用户身份文档也不多。

    23.2K50

    ionic3升级适配angular5

    昨天angular5ionic3同时发布更新了,为了用上angular5新特性,还是有必要踩下坑,当然踩坑白老鼠建议选用一个最近不用维护项目。...先看下ionic3更新版本,同一天发布了三个版本,后两个版本都是修复一两个小bug。 ? ionic3最新版本 ?...首次支持angular5ionic3版本 然后再看下angular5版本,同样发布了两个版本,一个是普通稳定版,一个是beta版,其中前者如图所示修复了几个bug,那若升级,当然选择普通稳定版比较好...angular5最新beta版 在ionic3官网建议是更新依赖到angular5.0.0版本,而根据上述说明,优先选择做了做了bug修复angular5.0.1版。...在本项目中,因为没有用到那几个内置管道,也没有用到路由,所以主要是调整Http模块: 在4.xHttpClient模块被封装在@angular/common,新HttpClient被封装在@angular

    2.5K40

    Ionic3 拍照上传

    为了方便查看测试结果,需要了解Ionic应用调试基本方法,有关于Ionic项目Android 调试详细教程,请参考以下文章:Ionic3 Android调试 源码地址 ?...环境准备 安装 cordova-plugin-camera 插件 该插件用于调用设备摄像,cordova-plugin-camera 这是比较新版本插件,老版本插件是这个:‘org.apache.cordova.camera...File Transfer 插件提供上传下载文件方法,使用上很便利 ionic cordova plugin add cordova-plugin-file-transfer npm install...在上面的代码, 在拍照完成回调函数,直接调用了 this.upload() 方法,该方法负责上传文件,所以在拍照完成后,就会直接将图片上传到服务器,同时图片展示在界面。...在本例,图片是以 base64 形式上传,也可以用File URL形式上传文件。

    1K30

    Ionic 2 :如何实现列表滑动删除按钮1.创建Ionic2应用2.准备列表数据3.修改主页(HOME)模版4.创建方法删除数据5.添加一个编辑按钮总结

    删除例子 1.创建Ionic2应用 通过以下命令行语句创建新Ionic2应用: ionic start ionic2-delete blank --v2 这里使用了–v2标志位,为了告诉Ionic命令行我们创建是...你可能已经注意到我们已经给这个组件定义了模版,随后将展示如何在模版中使用在这里添加数据。...3.修改主页(HOME)模版 接下来我们编辑home.html来建立模版。...另外,我们不止是一个单项,我们要为我们创建数组每一个数据创建滑动项,这里使用ng-for。...现在剩下是当用户点击时做点什么事。因此我们设置一个简单监听以便调用方法从我们先前创建测试数据删除一项。 4.创建方法删除数据 现在我们去到 home.js 文件编写方法处理数据删除。

    3.8K100

    【技巧】ionic多环境配置

    一个项目常常会有几个开发环境: prod dev test 对于发布调试,不少人采用是改变常量方式来构建,: // domain = "http://192.168.93.35:9003/demo...具体操作,可以看以下网页: https://github.com/gshigeto/ionic-environment-variables 也可以试着下面说使用,这是看国外一篇文章方法,但是有个...bug被我处理了,而原文链接保存,所以不贴原文了。...步骤: 一、创建配置文件 ionic默认使用了devprod两个环境,一般来说够用了,所以创建两个配置文件: config/config-dev.json config/config-prod.json...内容类似如下: { "mode": "prod", "url": "http://prod" } 二、使用自定义webpack配置项 这是ionic多环境配置几种方案共同核心部分

    1.4K20

    跨平台开发框架工具集锦

    根据跨平台框架(工具)功能,把跨平台框架(工具)主要分为3大类,分别是:Web App网页、Hybrid框架、含有编译转换框架。...Ionic拥有丰富命令操作,可以通过命令行工具快速创建AndroidiOS项目,并且也可以编译成AndroidiOS平台应用程序,同时Ionic也支持自定义编写AndroidiOS插件。...(3) Kotlin Kotlin:这里讲一下Kotlin Native,它利用LLVM来编译到机器码。它主要是基于 LLVM后端编译器(Backend Compiler)来生成本地机器码。...Kotlin Native设计初衷是为了支持在非JVM虚拟机平台环境编程, ios、嵌入式平台等。同时支持与 C 互操作。...(4) Scade Scade:Scade是一个跨平台,支持Android,AppleLinux工具。使用Swift代码库为进行开发,可以构建和部署多个不同平台应用。

    4K30

    混合手机app开发之Ionic

    混合手机app开发之Ionic篇第一章 第一节:环境搭建 本次使用Ionic3,之前本想用最新ionic5 使用ionic build后发现,使用X5内核不能正常浏览,使用ionic3没有任何问题...本次不使用cordova来打包,这次将要完成任务是: 1、集成腾讯X5内核。 2、集成百度语音合成百度语音识别。 3、集成腾讯闲聊能够语音与计算聊天。...4、实现扫一扫,能够识别二维码条形码。 5、nfc读读取卡标签(Android串口开发)。 ionic就不多啰嗦了百度一下你就知道,首先搭建开发环境,有不明白请自行百度。...2、安装Ionic 上面步骤成功之后执行npm install -g cordova ionic命令安装cordovaionic,安装完执行ionic -v,返回版本号表示已安装成功。...需要declarationsentryComponents引入组件 3.如果跳转,在跳转ts引入组件。

    83420

    【开发指南】(一)Ionic3开发环境配置常规ionic环境搭建如下:

    常规ionic环境搭建如下: 一、安装nvm——可选,中文意思是“node版本管理器” node是ionic必要环境,而node个别版本差别有点大,6.x9.x,ionic...3、直接用npm,但给它设置代理,代理地址映射到淘宝源,像下面这样: npm install ionic -g --registry=https://registry.npm.taobao.org...使用nrm,nrm是在第3基础上做了一个优化,它是用于管理npm源切换,它内部集成来几个常用npm源,这样,当像第3点使用淘宝源有问题时,可以很方便切换到其它源,而不需要记住一堆源地址,甚至可以添加自己...ionic-cli,是为了便于我们开发编译部署ionic项目的命令行,而ionic-angular其实才是我们常说ionic框架,每次修复bug、更新功能指就是它,在package.json里可以查看版本相关依赖...两者版本并不是一致,有时候ionic-angular更新了多个版本,而ionic-cli不需要更新,而ionic-cli一般是bug修复、提高命令执行性能,或调整ionic项目结构时才需要更新。

    1.9K30

    使用Ionic2开发Todo应用0 开始之前1 创建新Ionic 2工程2. 设置主页(Home page)3 持久化数据保存4 总结

    同组件类似,您还可能创建诸如服务services(稍后我们将创建数据服务),但没有模板样式,但在结构上类似一个正常组件。...关于导航更详细解释,推荐看看一个相关Ionic 2导航指南。 2. 设置主页(Home page) 现在我们已经建立了基本应用程序,让故事开始吧。首先,让我们建立todo列表模板。...除此之外,我们创建了saveItem函数来创建newItem对象,它使用当前标题描述值(即我们建立双向数据绑定,无论用户输入什么),然后我们关闭视图,同时我们也传入了newItem在dismiss方法...Stroage服务是Ionic 2通用存储服务,它负责存储数据最佳方式,同时提供了一致API供我们使用。...4 总结 在本教程我们已经介绍了如何实现很多Ionic 2应用常用功能: 创建视图 监听处理事件 视图之间导航 在视图之间传递数据 建立双向数据绑定 保存数据 显然还有很多我们可以做,使这个应用程序更漂亮

    6.1K50

    ioniccordova初探--从安装到运行首个app

    3.安装安卓SDK 打开Android Studio,File --> Settings --> 搜索sdk,找到对应sdk进行安装即可。 需要在Path环境变量添加两个值。...分别是 Android SDKtools目录路径platform-tools路径。...然后执行命令cnpm install -g cordova ionic安装ioniccordova 查看是否安装成功: 查看ionic版本 `ionic -v` 查看cordova版本 `cordova...查看ionic版本 ? 查看cordova版本 ionic cordova默认安装在 C:\Users\hello(此目录为本机名)\AppData\Roaming\npm\目录。...(y/N) 意思是是否要把 iOS Android集成到刚刚用Cordova 创建app这里选择y 表示确定。然后就会自动安装缺失或者更新某些工具版本。 然后就会看到一个提示?

    3.3K10
    领券