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.安装时报错

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

目录
相关文章
|
6月前
|
Windows
ionic4 checkout出的项目运行失败
ionic4 checkout出的项目运行失败
37 0
|
JavaScript Android开发
|
JavaScript 定位技术 开发工具
在 Ionic2 TypeScript 项目中导入第三方 JS 库
原文发表于我的技术博客 本文分享了在Ionic2 TypeScript 项目中导入第三方 JS 库的方法,供参考。原文发表于我的技术博客 1. Typings 的方式 因在 TypeScript 中引用之前的 JS 库还需要引入对应的类型定义,也就是 .d.ts 文件。
1418 0
|
JavaScript Android开发 iOS开发
实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求  实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目   实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构  实战使用Axu...
1485 0
|
JavaScript 前端开发 Android开发
Ionic 开发中遇到的常见问题及解决方案
Ionic 常见问题及解决方案
8376 0
|
Web App开发 索引
Ionic 2 开发(一)_安装与目录结构
由于公司开始使用后ionic 进行前段开发,现在需要学习下ionic,虽然是后台开发,但是还是有必要了解下的 安装Node.js 官网:http://nodejs.cn/ 自行下载安装 安装Ionic npm install -g cordova npm install -g ionic 设置淘宝镜像 npm config set registry https://registry.
1096 0
|
Web App开发 移动开发 JavaScript
Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App
原文:Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App 安装VS2015 Update2的过程是非常曲折的。还好经过不懈的努力,终于折腾成功了。 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错。
1792 0
|
缓存 JavaScript Android开发
Ionic 1 & 2 开发常见问题 Q&A
原文发表于我的技术博客 本文分享了在 Ionic 1 & 2 版本开发过程中常见问题的一些 Q&A,供慕课网同学或其他朋友参考。原文发表于我的技术博客 1. 版本的问题 Ionic 2 目前属于快速迭代更新的版本,版本的更新会带来如文件结构和少许代码的变更,不过底层还是构建于 Angular 2 ...
1530 0
ionic开发之用户头像修改-图片选择与上传
用户头像修改,图片选择上传,非常常用的功能,本来打算和wap版一样,也用XMLHttpRequest和FormData来处理图片异步上传,结果在手机上测试的时候发现,onload事件没有触发,没找到原因,本来想省点事才不用插件去实现这个功能的,这下看来只能用插件了。
1696 0