1、ionic是什么
ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架
2、准备工作
- 下载Node.js,进入官网,建议下载左边的那个版本,如下图所示;
- 下载VS Code
3、创建过程
-
安装Node.js
-
安装cordova,ionic
输入命令:npm install -g ionic //安装ionic
输入命令:npm install -g cordova //安装cordova
- 转换安装位置
安装的时候默认是安排在我们的C盘,获取我们并不想把项目创建在C盘中,这个时候就需要用到转盘了,运行命令:cd + 盘符,然后回车,就成功的转到我们要创建的盘了,如下图所示;
- 创建ionic项目:
运行命令:ionic start 项目名称 tabs
例子:ionic start ionicdemo tabs
中间不出问题的话我们创建项目的过程就简单的顺利完成了,但是前进的道路总是充满坎坷的,不报点错似乎都不完整,在创建ionic项目的过程中提示网络错误,这个时候稳住别慌,我们从头一步步的检查;
4、网络错误如何破
- 检查自己安装的node.js版本是否是最新稳定版本
- 安装cnpm
运行命令:npm install -g cnpm -registry=https://registry.npm.taobao.org
接下来的操作所有的npm就用cnpm代替了;
- 用cnpm进行上述3的创建过程,就可以成功的创建项目了;
5、运行ionic
输入命令:ionic serve
完成以上步骤我们就可以成功运行建立的简洁项目啦;