Ionic搭建开发环境-创建项目记录

最新推荐文章于 2024-02-28 11:07:33 发布

eley

最新推荐文章于 2024-02-28 11:07:33 发布

阅读量1.3k

点赞数

分类专栏：移动开发文章标签： Ionic搭建开发环境-创建项目记录

本文链接：https://blog.csdn.net/loeley/article/details/51191101

版权

移动开发专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.下载 Node.js（下载包），WebStorm（IDE，编写代码，浏览器调试）,JDK（webstorm 运行环境），Android SDK (Android编译)

2.配置环境变量：
ANDROID_HOME D:\Program Files\adt\sdk （对应sdk路径）
path %ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

3.安装ionic等，运行命令提示符（管理员）输入
3.1. 将cordova和ionic包安装到全局环境中（可供命令行使用）：npm install -g cordova ionic
如果不成功：
npm install -g cnpm --registry=https://registry.npm.taobao.org
再执行：npm install -g cordova ionic
3.2. 进入你要创建项目的路径：
cd E:\Study\Android\ionic\Projecte
3.3. 创建一个名为myApp的还有tabs的项目（ionic start <project-name> <optional-template>）可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白）:
ionic start myApp tabs
3.4. myApp就为项目名称,进入myApp这个文件夹:
cd myApp
3.5. 添加android平台:
ionic platform add android
3.6.ionic run android
即生成apk