ionic2——环境配置篇

Posted Ave_Maria

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic2——环境配置篇相关的知识,希望对你有一定的参考价值。

环境配置

  1. 安装nodeJS
  2. 配置cnpm
  3. 安装ionic2
  4. 安装cordova
  5. 安装java sdk
  6. 安装android sdk(在项目最后打包时app的时候会用到,前期是在浏览器环境测试开发暂时不需要使用)

1.安装nodeJS

登录nodeJs官网(https://nodejs.org/en/download/),选择自己适用的版本,小编选用的下面这个版本Windows Installer (.msi),然后下载完成后,直接双击安装即可;

安装完成后,检测是否配置了Node.js,点击开始=》运行=》输入"cmd" => 输入命令 node -v,有显示版本号即表示安装成功;

node -v

 

 

2.配置cnpm

命令行输入一下命令 npm install -g cnpm --registry=https://registry.npm.taobao.org;等待一会既可以安装完成;

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后,检测是否配置了cnpm,输入一下命令 cnpm -v,有显示版本号即表示安装成功;

cnpm -v

 3.安装ionic2 

通过命令cnpm i -g ionic或者cnpm i -g ionic;(如果你安装过其他版本,执行命令则会覆盖你以前安装的)

cnpm i -g ionic

安装完成后,检测是否配置了ionic,输入一下命令 ionic -v,有显示版本号即表示安装成功;

ionic -v

4.安装cordova

通过命令cnpm i -g cordova或者cnpm i -g cordova;

cnpm i -g cordova

安装完成后,检测是否配置了cordova,输入一下命令 cordova -v,有显示版本号即表示安装成功;

cordova -v

 

4.安装java sdk

 参考另一个教程 安装jave sdk

 

5.安装android sdk

参考另一个教程 安装android sdk

 

最终输入显示结果

node -v
cnpm -v
ionic -v
cordova -v
java -version
android
-h

以上是关于ionic2——环境配置篇的主要内容,如果未能解决你的问题,请参考以下文章

Ionic2入门教程01:搭建mac开发环境

ionic2——安装并配置android sdk

ionic2 打包配置成功详解

快速开始ionic2项目

VSCode 配置 用户自定义代码片段 自定义自动代码补充

vscode 开发微信小程序环境配置