ionic4 如何安装和创建项目

简介: ionic4 如何安装和创建项目

ionic4的安装过程以及新建一个项目


一、安装过程

1.准备

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

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

2.换源

在命令行中输入国内源的命令,因为原始源的速度比较慢。

npm confg set registry http://registry.npm.taobao.org/
3.安装环境,cordova ionic

1)以管理员身份运行命令行工具

2)然后输入

npnpm install -g cordova ionic
4.创建项目
ionic start myApp tabs
5.运行项目

1)定位到刚才创建的项目

cd .myApp

2)运行项目

 ionic serve 

如下图,成功

二、遇到的问题和其他命令

1.安装各种报错,可以先卸载重新安装

//卸载
npm uninstall -g cordova
npm uninstall -g ionic

如果无效,也可以找到安装的目录直接删除

2.查看版本

ionic -v
cordova -v

3.安装时报错

一般情况下可能是版本不符,卸载重新安装匹配版本即可。

目录
相关文章
|
7月前
|
Windows
ionic4 checkout出的项目运行失败
ionic4 checkout出的项目运行失败
41 0
|
JavaScript Android开发
|
JavaScript 定位技术 开发工具
在 Ionic2 TypeScript 项目中导入第三方 JS 库
原文发表于我的技术博客 本文分享了在Ionic2 TypeScript 项目中导入第三方 JS 库的方法,供参考。原文发表于我的技术博客 1. Typings 的方式 因在 TypeScript 中引用之前的 JS 库还需要引入对应的类型定义,也就是 .d.ts 文件。
1422 0
|
JavaScript Android开发 iOS开发
实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求  实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目   实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构  实战使用Axu...
1488 0
|
Android开发
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享)
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享) 图片发自简书App 这一讲主要包含以下几个部分: 1.在微信开放平台创建应用获得wechatappid; 2.
1448 0
|
Android开发 iOS开发
ionic3项目实战教程 - 第12讲 ionic3制作icon和splash
这一讲主要包含以下几个部分: 1.设计icon; 2.设计splash; 3.生成各个平台各个尺寸的icon和splash; 1.设计icon 来,打开你的PS,新建-文件,像素为1024*1024,背景透明,确定; .
1207 0
|
Web App开发
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计 这一讲主要包含一下几个部分: 1.个人中心ts具体代码展示; 2.个人中心html具体代码展示; 3.
1406 0
ionic3项目实战教程 - 第10讲 ionic3分类菜单设计(类似外卖)
注意,干货来了,相比前面几讲这一讲就要难以消化多了,请做好心理准备。 因为在这之前,经常看到有群友在求这种分类菜单的组建,今天我就为大家再造一个轮子 [微笑脸]。
1119 0
|
Web App开发
ionic3项目实战教程 - 第8讲 ionic3商品详情页的实现
这一讲主要包含以下几个部分: 1.创建商品详情页 2.获取商品详情页的数据 3.展示商品详情页的数据 1.创建商品详情页 执行 ionic g page product-details 8-1.
1088 0
|
Web App开发
ionic3项目实战教程 - 第9讲 ionic3应用内主题浏览器ThemeableBrowser的使用
这一讲主要实现商品的"抢购"功能 1.安装ThemeableBrowser插件; 2.使用ThemeableBrowser插件; 1.安装插件 分别执行以下命令: ionic cordova plugin add cordova-plugin-t...
1487 0