ionic3安装与环境配置之Window篇

一、安装 node.js(node.js官网

安装完成后可以使用一下命令进行检测

​node -v查看node的版本号,有版本号出现说明node安装成功。

​npm -v查看npm的版本号,有版本号出现说明npm安装成功。

二、安装 jdk(jdk官网

环境变量配置
1、右键桌面上“我的电脑”>>“属性”,在弹出的页面上点击“高级系统设置”。
2、在弹出的“系统属性”窗口中“高级”标签页下点击“环境变量”按钮。
3、在系统变量区域,选择“新建”,输入变量名为“JAVA_HOME”的环境变量,变量值为Java的安装路径,本人为:C:\Program Files\Java\jdk1.8.0_131。如图所示:
在这里插入图片描述

4、在系统变量区域,选择“新建”,输入变量名“CLASSPATH”;变量值:“.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;”。请注意变量值中,前面的“点“和”分号”,可以直接复制此变量值。然后点击“确定”。在这里插入图片描述

5、设置Path环境变量,该变量已经存在,所以在列表中选择Path,点击下方的“编辑”按钮,在弹出的窗口中添加如下信息:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin,然后点击“确认”按钮即可。如图所示:在这里插入图片描述
6、在配置好环境变量后”保存“,可以进入cmd中检查Java是否安装正确,检查的命令为 java -version,如图所示:
在这里插入图片描述
如果能正确的输出Java的版本和JVM版本信息,则说明Java安装正确。

三、安装ionic3

用win+r打开cmd

输入npm install -g cordova ionic@3
这样ionic和cordova (打包需要用到)就可以同时全局安装

ionic -v 检查ionic 版本号,出现版本号就说明ionic安装成功

cordova -v 检查cordova版本号,出现版本号就说明cordova 安装成功

四、下载Git
git官网 64位

环境都配置好后

接下来就要创建 ionic项目了,在你想要创建项目的目录下新建文件(小编选择自己创建了一个文件夹)鼠标右击,选择Git bash here
在这里插入图片描述
创建项目命令:ionic start

例:ionic start demo super

demo 项目名称(可以换成自己想起的项目名称),super 项目模板,还有其他模板:blank(空模板)、tabs(带选项卡的模板)和sideMenu(带侧边栏的模板)
在这里插入图片描述
cd demo进入到项目里, 运行一下项目 ionic serve,能在浏览器出现,说明项目创建成功。

ionic项目打包详细过程
Window ionic3安装、创建项目到打包Android apk

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值