【笔记】使用Ionic CLI进行项目的初始化构建

最新推荐文章于 2024-05-12 09:50:46 发布
最新推荐文章于 2024-05-12 09:50:46 发布
阅读量160 收藏
点赞数
分类专栏： 笔记 文章标签： node.js ios android web app android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jieranjie/article/details/107731245
版权
  • 打开终端，进入自己建立的存放ionic工作的目录
    在这里插入图片描述

1. Install Ionic

  • npm install -g cordova ionic
  • -g 全局安装
  • cordova、ionic ionic开发必备的两个环境

2. Start an App

  • ionic start firstitem tabs 初始化一个名字为firstitem 的项目
  • tabs 、blank、sidemenu等初始化的结构类型
  • 如果想用 JavaScript来写，即v1，可以使用--type ionic1 再进行初始化
    在这里插入图片描述
  • 可进入工作目录查看是否有firstitem这个项目

3. Run your App

cd firstitem  #进入刚创建项目firstitem
ionic serve #启动项目

  • 运行后host部署在本地localhost 端口8100
    在这里插入图片描述

  • 出现successfully说明运行成功，之后自动跳转到默认浏览器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

可能会出现网络问题，请自行配置

新新的奋斗史
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ionic 初始化plugin插件
杨采臣的官方博客
03-15 747
ionic platform add/remove xxx 以及 ionic plugin add/remove xxx 的时候，Ionic CLI 都在 package.json 中保存了项目的状态。clone 完后可以使用 ionic state restore 命令快速恢复; (平时使用cordova plugin add/remove xxx的时候 Ionic CLI命令行可能不
Ionic CLI使用教程指南
weixin_34187822的博客
10-11 221
Ionic CLI介绍 Ionic CLI是开发Ionic应用程序过程中使用的主要工具。它就像一个瑞士军刀：它在一个界面下汇集了大量工具。 CLI包含许多对Ionic开发至关重要的命令，例如start，build，serve和run。 它还包含emulate和info等命令，这些命令在某些情况下可以提供一些帮助。 安装CLI 要安装Ion...
推荐开源项目：Ionic CLI——强大的 Ionic 应用开发工具
最新发布
gitblog_00069的博客
05-12 327
推荐开源项目：Ionic CLI——强大的 Ionic 应用开发工具 项目地址:https://gitcode.com/ionic-team/ionic-cli 项目介绍 Ionic CLI 是一款功能强大的命令行接口（CLI）工具，专为构建基于Ionic Framework的应用程序而设计。这个工具集使得开发者能够以高效、简便的方式进行 Ionic 应用的初始化、运行、部署和管理。 项目技术分析...
Ionic2的CLI的命令行
张伟array[0]的博客
03-29 5049
在我们开发Ionic app的时候 CLI 是一个非常重要的工具。CLI包含了很多开发命令行，比如：start,build,server,run.当然也包含emulate,info。首先就是安装CLI, 注意CLI是一个基于nodeJS的工具，所以你得先有node和npm. 之后sudo npm install -g ionic创建一个项目：ionic start xxx --v2我们可以cd 到
ionic-init:ionic项目初始化脚手架
04-29
使用做为项目构建工具. 1.安装nodeJs. 2.执行以下命令，安装相关开发工具包： $ npm i -g fis-zoo fis-postpackager-simple fis-parser-less fis-parser-sass ionic cordova gulp bower 3.创建项目,执行以下命令： $...
ionic-cli：Ionic命令行界面
02-05
Ionic CLI附带了命令文档，可通过使用--help标志在您的终端中进行访问。 这些文档也可以。 有关命令列表： ionic --help ionic cordova --help ionic capacitor --help 有关命令用法和选项列表： ionic start --...
ionic-cli:基于ionic3+angular5构建的养车app
04-27
标题 "ionic-cli:基于ionic3+angular5构建的养车app...开发者可以通过 Ionic CLI 进行项目初始化、安装依赖以及运行本地开发服务器。这个项目展示了如何结合现代 Web 技术和移动开发框架来构建高效、跨平台的移动应用。
starters:Ionic CLI使用的Ionic应用程序的入门模板
04-30
离子入门模板 :open_book: 启动Ionic应用程序：请参阅我们的... 带有Angular CLI的Ionic Angular 4+ / ionic-angular 离子角2/3，带有@ionic/app-scripts for Tooling / ionic1 离子1 w / AngularJS / 整合方式
ionic 3.0+ 项目搭建运行环境的教程
08-29
5. 项目搭建：本教程还介绍了使用 Ionic CLI 搭建项目的过程，包括使用 `ionic start` 命令创建项目，使用 `ionic g` 命令快速构建项目模块。 6. 项目运行：最后，教程介绍了项目运行的过程，包括使用 `ionic ...
Cordova+Vue 项目初始化
DC_Even的博客
06-13 9083
1.生成cordova项目 具体见http://cordova.apache.org全局安装cordova $ npm install -g cordova创建一个项目名为MyAPP的工程 $ cordova create MyApp生成目录如下图： 2.在MyAPP工程中创建一个Vue项目 具体见https://cn.vuejs.org/v2/guide/installation.html全
创建ionic项目
weixin_34179968的博客
11-20 272
ionic主要基于CLI创建和开发，并使用Cordova构建/部署为本机应用程序。CLI大多都是基于Node，通过npm进行管理，安装好后可以npm -verison，node -version 查看是否安装成功。 1.搭建全局环境 $ npm install -g ionic cordova 注：-g全局安装,Mac / Linux，...
ionic教程（1）--配置环境和创建项目
小牛呼噜噜的博客
01-08 5251
win10 安装开发工具VsCode 安装node.js （由于使用公司的内网，所以要使用代理，这里的坑比较多！！！） 1、通过npm来开发项目 报错： PS F:\demo1> npm install -g ionic@latest npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND npm ERR! network request...
Ionic从零开始：Ionic入门
代码教主
06-17 2152
因此，您听说过Ionic，并且想知道如何入门？ 在本教程中，您将学习如何在计算机上设置Ionic开发环境，以及如何创建Ionic项目。 编写Ionic应用程序的要求 好吧，恭喜，如果您通过计算机查看本文，那么您具有开发Ionic应用程序的最重要先决条件之一：您将需要一台物理个人计算机（PC）来进行操作。 这可以是运行Windows，Mac或Linux的计算机。 由于我们使用Web技术构...
ionic 创建 ionic1、ionic3、ionic4项目
Kamto
09-15 1111
ionic这个大杀器最近越来越接地气了，从刚开始与angular的捆绑，到后来使用typescript开发，再加上中文文档的不友好，让一部分英语基础不好和对java没什么基础的小伙伴（前端）望而生畏，笔者在ionic还是1版本的时候抱着writeonceruneverywhere的诱惑学习过它，奈何当时刚进入这个行业，安装开发环境就用了一周，不过项目还是跑起来了，但是调硬件当时是怎么也不会，...
ionic环境搭建
无声告白
11-06 3109
ionic环境搭建安装Ionic CLI和cordova安装CLI最简单的方法是通过npm安装（别问我npm怎么安装）：$ npm install -g cordova ionic注：-g参数表示全局安装，为保证不会出错，Windows用户使用管理员权限打开命令提示符；OS X/Linux在命令前加上sudo，下同，不同版本Linux终端获取管理员权限可能不同，请自行查阅。测试安装是否成功$ ion
通过设置Ionic-Cli代理解决ionic serve跨域调试问题
asdfgh0077的博客
06-16 173
通过设置Ionic-Cli代理解决ionic serve跨域调试问题
数据库(SQL)的下载安装和基本操作—基础篇
jieranjie的博客
05-28 8126
本片基于 –创建数据库 CREATE DATABASE Test2 –创建表 CREATE TABLE USERS1 ( –字段 类型（VARCHAR（大小）：可变字符串，看实际存储多少）主键（确定唯一性，不可为空） USERS1_ID VARCHAR(30) NOT NULL, USERS1_NAME VARCHAR(30) NOT NULL, USERS1_SAX VARCHAR(30) NOT NULL, –设置主键（将谁设为主键） PRIMARY KEY(USERS1_ID) ) –新增 要
使用Ionic 2构建移动应用实战指南
5. ** Ionic 2 Basics**：这部分介绍了如何开始使用Ionic 2，包括安装Ionic CLI，创建项目，添加目标平台（如iOS或Android），运行应用以及更新应用的基础知识。 6. **Anatomy of an Ionic 2 Project**：讲解了项目...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值